#banner-section {
	padding: 0px;
}

#banner-section .col-image {
	padding: 0px;
}

#banner-section i  {
	color: #BBBBBB;
	font-size: 40px;
	border: none !important;
}

#step-container-b i {
	border: none !important;
}

#step-container-b .stepb-container-fluid {
	padding: 0px;
}

#banner-section .carousel-control-next, #banner-section .carousel-control-prev {
	opacity: 1;
	cursor: pointer;
	transition: all 0.2s ease-in;
}

#banner-section .carousel-control-next:hover, #banner-section .carousel-control-prev:hover {
	opacity: 0.5;
	/*background-color: #eaeaea;*/
}

#banner-section2 {
	padding: 0px;
}

#banner-section2 .col-image {
	padding: 0px;
}

#banner-section2 i  {
	color: #BBBBBB;
	font-size: 40px;
	border: none !important;
}

#banner-section2 .carousel-control-next, #banner-section2 .carousel-control-prev {
	opacity: 1;
	cursor: pointer;
	transition: all 0.2s ease-in;
}

#banner-section2 .carousel-control-next:hover, #banner-section2 .carousel-control-prev:hover {
	opacity: 0.5;
	/*background-color: #eaeaea;*/
}

#banner-slider {
	margin: 0px;
	padding: 0px;
	/*display: flex;*/
	overflow: hidden;
	list-style: none;
	transition: all 0.2s linear;
}

#banner-slider .slide {
	/*height:320px;*/
	height: 20em;
	font-family:Open Sans;
	/*display: none;*/
}

#banner-slider .slide .container, #banner-slider .slide .row {
	height: 100%;
}

#banner-slider .slide .row {
	justify-content: center;
}

#banner-slider .slide.active {
	/*display: block;*/
}

#banner-slider li {
	width: 100%;
	display: block;
	text-align: center;
}

#banner-slider .slide1 {
	background-color:#E3E3E3;
	background: transparent linear-gradient(180deg, #FFFFFF 0%, #E3E3E3 100%) 0% 0% no-repeat padding-box;
}

#banner-slider .slide2 {
	background-color:#E3E3E3;
	background: transparent linear-gradient(180deg, #FFFFFF 0%, #E3E3E3 100%) 0% 0% no-repeat padding-box;
}

#banner-slider .slide2 {
	background-color:#ffffff;
	background: #FFFFFF 0% 0% no-repeat padding-box;
}

#banner-slider .slide3 {
	background-color:#ffffff;
	background: #FFFFFF 0% 0% no-repeat padding-box;
}


/*#banner-slider .slide1 .right-div {
	margin: auto 0px;
	margin-left: -20px;
	padding-bottom: 20px;
}*/

#banner-slider .slide1 .right-div {
	top:-10px;
	margin: auto 0px;
	position: relative;
	align-self: center;
}

#banner-slider .slide2 .right-div {
	top:-10px;
	margin: auto 0px;
	position: relative;
	align-self: center;
}

#banner-slider .slide3 .right-div {
	top:-10px;
	margin: auto 0px;
	margin-left: 20px;
	position: relative;
	align-self: center;
}

#banner-slider .slide2 .number-p {
	top:-7px;
	color:#8e8e8e;
	margin: auto 0px;
	/*font-size: 123px;*/
	font-size: 7.5em;
	font-weight: 700;
	position: relative;
	margin-right: 12px;
}

#banner-slider .slide3 .number-p {
	top:-22px;
	color:#8e8e8e;
	margin: auto 0px;
	/*font-size: 123px;*/
	font-size: 7.5em;
	font-weight: 700;
	position: relative;
	margin-right: 12px;
}

#banner-slider .slide2 .left-div {
	margin: auto 0px;
	align-self: center;
}

#banner-slider .slide3 .left-div {
	align-self: center;
	margin: auto 0px auto 90px;
}

#banner-slider .slide2 .container,
#banner-slider .slide3 .container {
	max-width: 100%;
}

/*#banner-slider .slide1 .right-div p:first-of-type {
	font-size: 1.5em;
	line-height: 12px;
	margin-bottom: 0px;
}

#banner-slider .slide1 .right-div p:last-of-type {
	font-size: 3em;
	font-weight: 600;
	margin-bottom: 0px;
	margin-right: -20px;
}*/

#banner-slider .slide1 .right-div p:first-of-type {
	font-size: 1.7em;
	font-weight: 400;
	margin-bottom: 0px;
}

#banner-slider .slide1 .right-div p:last-of-type {
	font-size: 3em;
	font-weight: 600;
	line-height: 36px;
	margin-bottom: 0px;
}

#banner-slider .slide1.fi .right-div p:last-of-type {
	line-height: 1;
}

#banner-slider .slide2 .right-div p:first-of-type {
	font-size: 3em;
	font-weight: 600;
	margin-bottom: 0px;
}

#banner-slider .slide2 .right-div p:last-of-type {
	font-size: 1.5em;
	line-height: 36px;
	margin-bottom: 0px;
}

#banner-slider .slide3 .right-div p:first-of-type {
	font-size: 2.9em;
	font-weight: 600;
	margin-bottom: 0px;
}

#banner-slider .slide3 .right-div p:last-of-type {
	font-size: 1.3em;
	line-height: 36px;
	margin-bottom: 0px;
}

#banner-slider .slide1 img {
	max-height: 320px;
}

#banner-slider .slide2 img {
	max-height: 320px;
}

#banner-slider .slide3 img {
	max-height: 239px;
}

.row {
	margin: 0px !important;
}

#composer_nav {
	background-color: #ffffff;
	/*padding: 10px 0px !important;*/
	/*box-shadow: 0 4px 6px -6px #222;*/
}

#composer_nav.with-border {
	box-shadow: 0 4px 6px -6px #222;
}

#composer_nav .breadcrumb {
	margin-bottom: 0px;
	display: inline-block;
	background-color: #ffffff;
}

#navigation {
	margin: 0px auto;
	text-align: center;
	padding: 24px 0px 16px;
}

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

#composer_nav .col-composer-nav-left p {
	margin-bottom: 5px;
}

#composer_nav .btn-next-prev {
	width: 120px;
	color: #1e2e6f;
	font-size: 12px;
	margin-bottom: 6px;
	border-radius: 5px;
	border: 1px solid #1e2e6f;
	background-color: #ffffff;
	transition: all 0.2s ease-in;
}

#composer_nav .btn-next-prev.btn-prev-step {
	padding: 6px 10px;
}

#composer_nav .btn-next-prev.btn-next-step {
	padding: 6px 10px 6px 20px;
}

#composer_nav .btn-next-prev i {
	border: none;
	padding: 0px;
}

#composer_nav .btn-prev-step i {
	margin-right: 5px;
}

#composer_nav .btn-next-step i {
	margin-left: 5px;
}

#composer_nav .step-control-container {
	width: 100%;
	max-width: 380px;
	margin-left: auto;
	padding-left: 8px;
	padding-right: 20px;
}

#composer_nav .btn-next-prev:hover {
	color: #ffffff;
	background-color: #1e2e6f;
}

.right-sidebar-controller {
	padding-top: 20px;
}

.right-sidebar-controller .col-prev-step,
.right-sidebar-controller .col-next-step,
.right-sidebar-controller .col-tribute-step {
	padding: 0px 10px !important;
}

.right-sidebar-controller .container-fluid {
	max-width: 100%;
}

.right-sidebar-controller .col-composer-nav-left p {
	margin-bottom: 5px;
}

.right-sidebar-controller .btn-next-prev {
	color: #1e2e6f;
	display: block;
	font-size: 13px;
	padding: 10px 20px;
	margin-bottom: 15px;
	border-radius: 5px;
	border: 1px solid #1e2e6f;
	background-color: #ffffff;
	transition: all 0.2s ease-in;
}

.right-sidebar-controller .btn-next-prev i {
	border: none;
	padding: 0px;
}

.right-sidebar-controller .btn-prev-step i {
	margin-right: 5px;
}

.right-sidebar-controller .btn-next-step i {
	margin-left: 5px;
}

.right-sidebar-controller .step-control-container {
	width: 100%;
	margin-left: auto;
}

.right-sidebar-controller .btn-next-prev:hover {
	color: #ffffff;
	background-color: #1e2e6f;
}

#navigation .step_menu {
	float: left;
	cursor: pointer;
	font-size: 13px;
	margin-left: -5px;
	position: relative;
	border-radius: 5px;
	display: inline-block;
	transition: 0.2s all ease-in;
	padding: 10px 15px 10px 55px;
}

#navigation .step_menu .breadcrumb-span {
	display: none;
}

#navigation .step_menu.step_menu1 {
	padding: 10px 15px 10px 45px;
}

#navigation .step_menu.active {
	color: #ffffff;
	background-color: #1e2e6f;
}

#navigation .step_menu:hover {
	color: #ffffff;
	background-color: #4a578b;
}

#navigation .breadcrumb .step_menu.step_menu1:before {
	left: 20px;
}

#navigation .breadcrumb .step_menu:before {
	top: 11px;
	left: 30px;
	width: 16px;
	height: 16px;
	color: #333333;
	line-height: 16px;
	position: absolute;
	background: #ffffff;
	border-radius: 100%;
	content: counter(flag);
	counter-increment: flag;
	box-shadow: 0 0 0 1px #ccc;
	-webkit-box-shadow: 0 0 0 1px #ccc;
}

#navigation .breadcrumb .step_menu.active:after {
	background-color: #1e2e6f;
}

#navigation .breadcrumb .step_menu:hover:after {
	background-color: #4a578b;
}

#navigation .breadcrumb .step_menu:after {
	top: 0px;
	z-index: 1;
	content: "";
	width: 39px;
	right: -17px;
	height: 39px;
	position: absolute;
	background: #ffffff;
	border-radius: 0 5px 0 50px;
	transition: all 0.2s ease-in;
	transform: scale(0.7) rotate(45deg);
	-webkit-transform: scale(.7) rotate(45deg);
}

#navigation .breadcrumb {
    width: auto;
    padding: 0px;
    /*overflow: hidden;*/
    min-width: 720px;
    border-radius: 5px;
    counter-reset: flag;
    display: inline-block;
}

#navigation .col-breadcrumb {
	padding: 0px;
}

#navigation .col-next-step {
	padding-right: 0px;
}

#navigation .col-composer-nav-right {
	padding: 0px;
}

#navigation .col-prev-step {
	padding: 0px;
}

#navigation .col-next-step {
	padding: 0px;
}

#step-container-a {
	padding: 40px 0px 100px;
}

#step-container-b {
	margin: auto;
	max-width: 100%;
	/*overflow-x: hidden;*/
	padding: 40px 0px 0px;
}

#step1 .headstone-img img {
	max-width: 100%;
	margin-top: auto;
	max-height: 170px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}

#step1 .headstone-img {
	height: 170px;
	display: flex;
	max-height: 170px;
	text-align: center;
	margin-bottom: 8px;
}

#step1 .headstone-details {
	text-align: center;
}

#step1 .headstone-details p {
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 0px;
	font-family: open sans;
}

#step1 .headstone {
	cursor: pointer;
	padding: 24px 20px 12px;
	border: 1px solid #ffffff;
	transition: 0.1s all ease-in;
}

#step1 .headstone:hover,
#step1 .headstone.pre-select {
	border: 1px solid #1e2e6f;
}

#step-container-b .step.container img {
	max-width: 100%	;
	display: inline-block;
}

#stone-types {
	padding-top: 35px;
	text-align: center;
}

#stone-types .stone-type-container {
	width: 2em;
    height: 2em;
    cursor: pointer;
	margin-right: 5px;
	display: inline-block;
	background-size: cover;
}

.stone-type-container.product-stonetype.selected {
    border: 2px solid #262b89;
    border-radius: 2em;
    background-position: center;
}

#stone-types .stone-type-container .circle {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: 1px solid transparent;
}

#stone-types .stone-type-container .inner-circle {
	width: 32px;
	margin: 3px;
    height: 32px;
    cursor: pointer;
    border-radius: 100%;
}

#stone-types .stone-type-container.selected .circle {
	border: 1px solid #1e2e6f;
}

#stone-types .stone-type-container.lysgraagranitt .inner-circle {
	background-color: #cccccc;
}

#stone-types .stone-type-container.morkgraagranitt .inner-circle {
	background-color: #666666;
}

#stone-types .stone-type-container.orionblaa .inner-circle {
	background-color: #666889;
}

#stone-types .stone-type-container.paradisio .inner-circle {
	background-color: #987165;
}

#stone-types .stone-type-container.sortgranitt .inner-circle {
	background-color: #000000;
}

#infoPlacementOfText {
	padding: 5px;
	width: 185px;
	display: none;
	color: #31708f;
	font-size: 12px;
	border-radius: 5px;
	border-color: #bce8f1;
	background-color: #d9edf7;
	border: 1px solid #eeeeee;
}

#tipBox {
    max-width: 230px;
    position: relative;
    border: 1px solid #e8eaf6;
}

#tipBox.hide {
    display: none !important;
}

#tipBox .carousel-inner, #tipBox .carousel-item {
    min-height:140px !important;
    max-height:140px !important;
    background: #ffffff !important;
}

#tipBox .carousel-item {
    padding: 20px;
    background-color: rgba(28, 43, 105);
}

#tipBox .header {
    padding: 10px 10px;
    background-color: #dee7f7;
}

#tipBox .header p {
    color: #293282;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#tipBox .header p span {
    color: #ffffff;
    padding: 0px 9px;
    font-weight: 400;
    margin-right: 5px;
    background: #293282;
    border-radius: 100%;
    text-transform: lowercase;
}

#tipBox .header hr {
    width: 100%;
    border: none;
    margin: 0px auto;
    border-bottom: 1px solid #ffffff;
}

#tipBox .carousel-item p {
    color: #293282;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
}

#tipsSlider {
    z-index: 1;
    margin-top: 0px;
}

#tipBoxClose {
    top: 9px;
    z-index: 2;
    right: 10px;
    font-size: 15px;
    position: absolute;
    outline: 0 !important;
    border: none !important;
    padding: 0px !important;
    color: #ffffff !important;
    box-shadow: unset !important;
    background: unset !important;
}

#tipBoxClose span {
	color: #afb6e0;
    font-size: 28px;
    font-weight: 500;
}

#tipBox .carousel-indicators li {
	background-color: #afb6e0;
	transition: all 0.2s ease-in;
}

#tipBox .carousel-indicators li.active {
	background-color: #5c6bc0;
}

#step-b-left-sidebar {
	padding-left: 40px;
	padding-right: 60px;
}

#step2-right-sidebar {
	width: 100%;
	max-width: 390px;
	padding-right: 40px;
}

#step-b-left-sidebar .headstone-details {
	padding-top: 20px;
}

#step-b-left-sidebar .headstone-details.bedplate-details {
	display: none;
}

#step-b-left-sidebar .headstone-details .headstone_name,
#step-b-left-sidebar .headstone-details .bedplate_type {
	margin-bottom: 10px;
	text-transform: capitalize;
}

#step-b-left-sidebar .headstone-details .size_attr_contianer {
	margin-bottom: 10px;
}

#step-b-left-sidebar .headstone-details .headstone_price_container {
	margin-bottom: 15px;
}

#stone-types p {
	color: #303f9f;
	font-size: 20px;
	cursor: pointer;
	font-weight: 400;
	margin-bottom: 5px;
}

#stone-types p i {
	padding-left: 5px;
	transition: all 0.2s linear;
}

#stone-types p.active i {
	transform: rotate(180deg);
}

.step-header {
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 15px;
}

.step-header span {
	font-weight: 700;
}

.step2-tabs-container {
	padding-bottom: 15px;
}

.step2-tabs-container ul {
	padding: 0px;
	display: flex;
	list-style: none;
	border-bottom: 1px solid #cccccc;
}

.step2-tabs-container ul li {
	margin: 0px;
	cursor: pointer;
	min-width: 80px;
	padding: 5px 7px;
	text-align: center;
	margin-bottom: -1px;
	display: inline-block;
	transition: 0.2s all ease-in;
	border-bottom: 3px solid transparent;
}

.step2-tabs-container ul li.active {
	border-color: #1e2e6f;
}

.step2-tabs-container ul li:hover {
	border-color: #4a578b;
}


.step2-tabs-container ul li span {
	margin: auto;
	font-size: 13px;
	display: block;
}

.step2-tabs-container ul li span:first-of-type {
    width: 44px;
    color: #e0e0e0;
    line-height: 42px;
    margin-bottom: 5px;
    border-radius: 100%;
    border: 1px solid #e0e0e0;
    transition: all 0.2s linear;
}

.step2-tabs-container ul li.active span:first-of-type, .step2-tabs-container ul li:hover  span:first-of-type {
	color: #333333;
}

.step2-tabs-container ul li:nth-of-type(3) span:first-of-type {
	font-size: 22px;
	font-weight: 700;
	font-family: Times New Roman,Times,serif;
}

.display_none {
	display: none;
}

#step2-right-sidebar .form-group .label, #content-alignment .label {
	font-size: 14px;
	font-weight: 700;
	line-height: 23px;
	margin-bottom: 5px;
	display: inline-block;
}

#step2-right-sidebar .form-group {
	margin-bottom: 15px;
}

#step2-right-sidebar .form-group select {
	width: 40%;
	height: unset;
	font-size: 14px;
	border: 2px solid #ced4da;
	transition: all 0.2s linear;
}

#step2-right-sidebar .form-group select option {
	font-size: 14px;
}

#step2-right-sidebar .form-group select.select-100 {
	width: 100%;
}

#step2-right-sidebar .form-group select.select-50 {
	width: 50%;
}

#step2-right-sidebar .form-group select:focus {
	color: #6a75a0;
	outline: none !important;
	border: 2px solid #6a75a0;
	box-shadow: none !important;
	border-bottom: 2px solid #dee7f7;
}

#step2-right-sidebar .form-group .select {
	height: unset;
	color: #495057;
	font-size: 14px;
	min-width: 160px;
	text-align: left;
	position: relative;
	background-color: #ffffff;
	border: 2px solid #ced4da;
	transition: all 0.2s linear;
}

#step2-right-sidebar .form-group .select#fonttypes {
	min-width: 100%;
	font-size: 18px;
}

#step2-right-sidebar .form-group .select-drowpdown-100 {
	min-width: 100% !important;
}

#step2-right-sidebar .form-group .select.dropdown-toggle::after {
	top: 15px;
	right: 10px;
	position: absolute;
}

#step2-right-sidebar .form-group .select-drowpdown {
	padding: 0px;
	min-width: 8em;
	margin-top: 0px;
	border: 2px solid #ced4da;
}

#step2-right-sidebar .form-group .select-drowpdown a:first-of-type {
	/*padding: 5px 10px !important;
	font-size: 14px !important;*/
}

#step2-right-sidebar .form-group .select-drowpdown .dropdown-item {
	cursor: pointer;
	font-size: 16px;
	padding: 2px 10px 4px;
}

#step2-right-sidebar .form-group .select-drowpdown .dropdown-item.dd_none {
	padding-top: 4px;
}

#step2-right-sidebar .form-group input, #step2-right-sidebar .form-group textarea, #step3-right-sidebar input.form-control {
	height: unset;
	font-size: 14px;
	border-radius: 1px;
	border: 2px solid #ced4da;
	transition: all 0.2s linear;
}

#step2-right-sidebar .form-group input:focus, #step2-right-sidebar .form-group textarea:focus, #step3-right-sidebar input.form-control:focus {
	color: #6a75a0;
	outline: none !important;
	border: 2px solid #6a75a0;
	box-shadow: none !important;
	/*border-bottom: 2px solid #dee7f7;*/
}

#banner-slider li img {
	max-width: 100%;
}

#step2-right-sidebar .star_cross_text {
	display: inline-block;
}

#step2-right-sidebar .inscription_inputfield {
	margin-bottom: 10px;
}

#step2-right-sidebar .names_header {
	cursor: pointer;
	font-size: 15px;
	padding: 8px 10px;
	position: relative;
	margin-bottom: 10px;
	background-color: #e0e0e0;
	/*transition: all 0.2s linear;*/
}

#step2-right-sidebar #name1-header.names_header {
	/*margin-top: 20px;*/
}

#step2-right-sidebar .names_header.focus {
	background-color: #dee7f7;
}

#step2-right-sidebar .names_header i {
	top: 10px;
	right: 10px;
	padding: 0px;
	position: absolute;
	transition: all 0.2s linear;
}

#step2-right-sidebar .names_header.active i {
	top: 13px;
	transform: rotate(180deg);
}

#step2-right-sidebar .names_wrap {
	display: none;
	padding: 5px 10px 10px;
}

#step2-right-sidebar .names_wrap.acitve {
	display: block;
}

#step-container-b .compose-headstone {
	margin-top: -40px;
	text-align: center;
}

#compose-headstone-inner {
	padding-top: 40px;
}

#step-container-b .compose-headstone .headstone-img {
	margin: auto;
	display: inline-block !important;
	/*min-height: 450px;*/
}

#step-container-b .compose-headstone #compose-headstone-container img {
	z-index: 1;
	margin: auto;
	display: block;
	user-drag: none;
	/*max-width: 500px;
	max-height: 500px;*/
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	/*max-width: 100%;*/
}

#compose-headstone-container {
	opacity: 1;
	transition: all 0.2s linear;
}

#compose-headstone-container.loading {
	opacity: 0;
}

#step-container-b .compose-headstone .compose-bedtype-container {
	opacity: 1;
	position: relative;
	margin-top: -15.5px;
	transition: all 0.2s linear;
	display: inline-block !important;
}

#step-container-b .compose-headstone .compose-bedtype-container.loading {
	opacity: 0;
}

#step-container-b .compose-headstone .compose-bedtype-container img {
	z-index: 1;
	margin: auto;
	display: none;
	user-drag: none;
	max-width: 100%;
	/*max-height: 500px;*/
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
}

#step-container-b .compose-headstone .compose-bedtype-container img.active {
	display: block !important;
}

#step-container-b .step.container img {
	margin: auto;
	/*max-height: 500px;*/
}

#step-b-left-sidebar .step-b-inner {
	top: 20px;
	position: sticky;
	text-align: left;
	display: inline-block;
}

#step2-right-sidebar .step2-tab {
	display: none;
	/*width: 0px;
	left: 350px;
	float: left;
	position: relative;
	transition: all 0.2s linear;*/
	/*transition: left 2s, width 2s;*/
}

#step2-right-sidebar .step2-tab.active {
	display: block;
	/*top: 0px;
	left: 0px;
	min-width: 300px;*/
}

#content-alignment i {

}

#names-section .num-of-names-container {
	width: 50px;
	display: inline-block;
}

.custom-radio-group {
	display: block;
}

.custom-radio-group .label {
	display: block !important;
}

#step2-right-sidebar .form-group.custom-radio-group .num-of-names-container .label {
	font-size: 15px;
	margin-top: 0px;
	font-weight: 400;
	line-height: 18px;
}

.custom-radio-group [type="radio"]:checked,
.custom-radio-group [type="radio"]:not(:checked) {
	left: -9999px;
    position: absolute;
}

.custom-radio-group [type="radio"]:checked + label,
.custom-radio-group [type="radio"]:not(:checked) + label
{
	color: #666666;
	cursor: pointer;
	line-height: 20px;
    position: relative;
    padding-left: 28px;
    display: inline-block;
}

.custom-radio-group [type="radio"]:checked + label:before,
.custom-radio-group [type="radio"]:not(:checked) + label:before {
    top: 0px;
    left: 0px;
    width: 18px;
    content: '';
    height: 18px;
    position: absolute;
    background: #ffffff;
    border-radius: 100%;
    border: 1px solid #ddd;
}

.custom-radio-group [type="radio"]:checked + label:before {
	border: 1px solid #1e2e6f;
}

.custom-radio-group [type="radio"]:checked + label:after,
.custom-radio-group [type="radio"]:not(:checked) + label:after {
	top: 3px;
	left: 3px;
	width: 12px;
    content: '';
    height: 12px;
    position: absolute;
    background: #1e2e6f;
    border-radius: 100%;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.custom-radio-group [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
}

.custom-radio-group [type="radio"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

#tipBox .carousel-fade .carousel-item {
	transition-duration: 0.3s;
}

.stepb-right-sidebar {
	display: none;
}

.stepb-right-sidebar.active {
	display: inline-block;
}

#step3-right-sidebar {
	width: 100%;
	max-width: 390px;
	padding-right: 40px;
}

#ornament-categories-container {
	margin: auto;
	text-align: center;
	display: inline-block;
}

#ornament-categories-container li {
    float: left;
    display: inline;
    list-style-type: none;
}

#ornament-categories-container .ornament-cat {
    margin: auto;
    display: block;
    max-width: 40px;
}

#ornament-categories-container .ornaments-parent-selection {
    min-width: 75px;
    text-align: center;
    padding: 0px !important;
    width: unset !important;
    max-width: unset !important;
}

#ornament-categories-container .ornament-selection {
    display: inline-block;
    padding: 15px 5px 5px;
}

#ornament-categories-container a.ornament-category span {
    display: block;
    font-size: 10px;
    text-align: center;
    margin-bottom: 10px;
}

#ornament-categories-container a.ornament-category {
    text-align: center;
    display: inline-block;
    width: 100% !important;
    padding: 7px 5px !important;
}


a.ornament-category {
    text-decoration: none;
    color: black;
    /* font-family: 'Baskerville'; */
    font-family: 'Libre Baskerville', serif !important;
    text-transform: capitalize;
    font-style: italic;
    font-size: .7em !important;
    margin: 5px 10px;
    max-width: 75px;
}

.ornaments-parent-selection a.ornament-category {
    margin: 0px;
}

a.ornament-category span {
    top: .3em;
    position: relative;
}
.ornament-selection {
    padding: 15px 5px;
}

.parent-selection a.ornament-category[aria-expanded=true]{
    pointer-events: none;
}

.parent-selection.parent-selected {
    background: linear-gradient(to bottom, #fff 5%, #cfcfcf 100%);
}

.ornaments-item{
    padding: 1em 0px;
}
.ornaments-item:hover {
    box-shadow: 0px 4px 6px -3px #00000021;
}

.parent-selection {
    border: 1px solid #dbdbdb;
    border-radius: 7px;
    background: linear-gradient(to bottom, #fff 1%, #e9e9e9 100%);
    box-shadow: 1px 1px 1px 0px #dedede;
    width: 100%;
    display: block;
    margin: 0;
    max-width: none;
}

.ornaments-parent-selection {
    max-width: 5em;
    display: initial;
    margin: 5px 10px !important;
    padding: 7px 5px !important;
}

img.ornament-img {
	margin: auto;
	padding: .5em;
    max-width: 100%;
    max-height: 100px;
    min-height: 100px;
    position: relative;
}

img.ornament-img.ornament-img-freq {
	margin: auto;
	padding: .5em;
    max-width: 100%;
    max-height: 100px;
    min-height: unset;
    position: relative;
}

 .ornaments-section-1{
    background: #f4f4f4;
 }

 .ornaments-section-1 .info-dets, .ornaments-section-2 .info-dets{
    margin: auto 0;
    padding: 1em !important;
 }

 #ornaments-container {
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
    position: fixed;
    max-height: 100%;
    overflow-y: auto;
    min-height: 100vh;
    padding-top: 20px;
    background-color: white;
    border-bottom: 1px solid #eaeaea;
}

#ornaments-container h4 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 30px;
}

#ornaments-container .sub-footer-container {
	width: 100%;
	bottom: 0px;
	margin: auto;
	position: fixed;
    max-width: 100%;
    padding: 20px 0px;
	text-align: center;
	background: #ffffff;
	border-top: 1px solid #ececec;
}

#ornaments-container .sub-footer-container h4 {
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	text-align: right;
	margin-bottom: 10px;
}

#ornaments-container .sub-footer-container p {
	font-size: 16px;
	margin: 0px auto;
	line-height: 28px;
}

#ornaments-container .ornament-detail-row {
	margin-bottom: 10px !important;
}

#ornaments-container .ornament-detail-1 {
	padding-bottom: 13px;
	border-bottom: 1px solid #8080801c;
}

#ornaments-container .sub-footer-container p:first-of-type {
	margin-bottom: 10px;
}

#ornaments-container .col-ornament-container {
	padding-bottom: 250px;
}

#ornaments-container .sub-footer-container .ornaments-close {
	color: #ffffff;
	cursor: pointer;
	margin-left: 5px;
	padding: 8px 25px;
	border-radius: 5px;
	background: #293282;
	display: inline-block;
	border: 1px solid #AFB6E0;
	transition: all 0.2s linear;
}

#ornaments-container .sub-footer-container .ornaments-close:hover {
	color: #293282;
	background-color: #ffffff;
}

#ornaments-container .sub-footer-container .add-selected-ornaments {
	color: #ffffff;
	cursor: pointer;
	padding: 8px 25px;
	margin-right: 5px;
	border-radius: 5px;
	background: #293282;
	display: inline-block;
	border: 1px solid #AFB6E0;
	transition: all 0.2s linear;
}

#ornaments-container .sub-footer-container .add-selected-ornaments:hover {
	color: #293282;
	background-color: #ffffff;
}

#ornaments-container .single-ornament {
	flex: 0 0 14%;
	max-width: 14%;
}

#ornaments-container .card-body.ornaments {
    max-width: 900px;
    margin: 0 auto !important;
}

#step4-right-sidebar {
 	width: 100%;
	max-width: 390px;
	padding-right: 40px;
}

#main-headstone-container {
	position: relative;
}

#engrave-container {
	opacity: 1;
	z-index: 10;
	color: #ffffff;
	font-weight: 300;
	font-style: normal;
	/*letter-spacing: 1.5px;*/
	transition: all 0.2s linear;
	border: 1px solid transparent;
	text-shadow: 0 1px 0 hsla(0,0%,100%,.3), 0 -1px 0 rgba(0,0,0,.7);
}

#engrave-container.loading {
	opacity: 0;
}

#engrave-container .draggable,
#engrave-container .engrave-ornaments-container,
#engrave-container .added-accessory-container {
	z-index: 10;
	border: 2px solid transparent;
	/*transition: border-color 0.2s linear;*/
}

#engrave-container .ui-draggable-dragging,
#engrave-container .draggable:hover,
#engrave-container .engrave-ornaments-container:hover {
	z-index: 10;
    border: 2px dashed  #ffffff;
}

#engrave-container #memoryWrap1.draggable.active-hover {
	z-index: 10;
    border: 2px dashed  #ffffff;
}

#engrave-container .ui-selected.draggable:hover,
#engrave-container .ui-selected2.draggable:hover,
#engrave-container .ui-selected3.draggable:hover,
#engrave-container .ui-selected4.draggable:hover {
	border: 2px solid transparent;
}

.inscription-border.draggable {
	position: absolute;
	border: none !important;
	display: none !important;
}

.inscription-border.draggable.active {
	display: inline-block !important;
}

.inscription-border.set-border-top {
	/*display: none;*/

	border-top: 2px dashed #ffffff !important;
}

.inscription-border.set-border-right {
	/*display: none;*/
	border-right: 2px dashed #ffffff !important;
}

.inscription-border.set-border-bottom {
	/*display: none;*/
	border-bottom: 2px dashed #ffffff !important;
}

.inscription-border.set-border-left {
	/*display: none;*/
	border-left: 2px dashed #ffffff !important;
}

.inscription-border.ui-selected4 {
	opacity: 0.6;
}

#engrave-container .added-accessory-container:hover,
#engrave-container .added-accessory-container.hovered {
	border: 2px dashed  #d3d3d3;
}

.ui-selected {
	z-index: 10 !important;
}

.draggable-group {
	z-index: 2;
}

#memoryWrap-center {
	border: none !important;
	visibility: hidden !important;
}

/*#engrave-container.data-gold .ui-draggable-dragging,
#engrave-container.data-gold .draggable:hover,
#engrave-container.data-gold .engrave-ornaments-container:hover,
#engrave-container.data-gold .added-accessory-container:hover {
	border-color: #fdc965;
}

#engrave-container.data-black .ui-draggable-dragging,
#engrave-container.data-black .draggable:hover,
#engrave-container.data-black .engrave-ornaments-container:hover,
#engrave-container.data-black .added-accessory-container:hover {
	border-color: #000000;
}

#engrave-container.data-silver .ui-draggable-dragging,
#engrave-container.data-silver .draggable:hover,
#engrave-container.data-silver .engrave-ornaments-container:hover,
#engrave-container.data-silver .added-accessory-container:hover {
	border-color: #cacaca;
}*/

#engrave-container .inscription-name {
	visibility: hidden;
	word-spacing: 2px;
}

#engrave-container .inscription-name-container {
	z-index: 2;
	/*position: absolute;*/
}

#engrave-container .inscription-name.active {
	visibility: visible;
}

#accessories-container {
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 0px;
    display: none;
    z-index: 1000;
    position: fixed;
    max-height: 100%;
    overflow-y: auto;
    min-height: 100vh;
    text-align: center;
    padding: 40px 0px 40px;
    background-color: white;
    border-bottom: 1px solid #eaeaea;
}

#accessories-container .container {
	max-width: 970px;
}

#accessories-list .single-accessory {
	/*flex: 0 0 154px;
	max-width: 154px;*/
	border: none;
	flex: 0 0 33.33%;
	max-width: 33.33%;
	/*border-color: #ffffff;*/
	background: transparent;
}

#accessories-list .single-accessory p {
	margin-bottom: 0px;
}

#accessories-list .single-accessory .img-container {
    height: 120px;
    display: flex;
    margin-bottom: 15px;
}

#accessories-list .single-accessory img {
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
}

#accessories-list .accessory-row {
	display: none;
}

#accessories-list .accessory-row.active {
	display: flex;
	justify-content: center;
}

#oa-accessories-list {
	min-height: 500px !important;
}

#oa-accessories-list .add-vase-con {
	height: 284px;
    margin-top: auto;
    margin-bottom: auto;
}

#oa-accessories-list .add-vase-con.is-porcelain {
	height: 300px;
}

#oa-accessories-list .single-accessory {
	flex: 0 0 154px;
	max-width: 154px;
}

#oa-accessories-list .single-accessory p {
	margin-bottom: 0px;
}

#oa-accessories-list .single-accessory .img-container {
    height: 120px;
    display: flex;
    margin-bottom: 15px;
}

#oa-accessories-list .single-accessory img {
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
}

#oa-accessories-list .accessory-row {
	display: none;
}

#oa-accessories-list .accessory-row.active {
	display: flex;
}

#accessory-choice-container {
	margin: auto;
	max-width: 700px;
	padding-bottom: 50px;
}

#step4-right-sidebar #accessory-choice-container .right-col,
#step4-right-sidebar #accessory-choice-container .left-col {
	padding: 10px;
}

#accessories-types-container {
    top: 0px;
    left: 0px;
    width: 100%;
    display: none;
    z-index: 1000;
    position: fixed;
    min-height: 100vh;
    text-align: center;
    padding: 20px 0px 50px;
    background-color: #ffffff;
    /*background-color: #36393f;*/
    border-bottom: 1px solid #eaeaea;
}

#accessories-types-container .btn-close-accessories {
	top: 0px;
	left: 0px;
	position: absolute;
}

#accessories-types-container .container {
	max-width: 800px;
	height: 100%;
}

#accessories-types-container .row {
	position: relative;
}

#accessories-types-container .accessory-stonetypes {
	z-index: 10;
	margin: auto;
	min-height: 446px;
	position: relative;
	justify-content: center;
}

#accessories-types-container .accessory-stonetypes.oa-stonetype {
	margin-top: 180px;
}

#accessories-types-container .sub-footer-container {
    margin: 20px auto 0px;
}

#accessories-types-container .sub-footer-container .btn {
	margin: auto;
	color: #293282;
    cursor: pointer;
    padding: 8px 25px;
    position: relative;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #293282;
    transition: all 0.2s linear;
}

#accessories-types-container .sub-footer-container p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px;
}

#accessories-types-container .sub-footer-container .accessories-first {
	margin-bottom: 0px;
}

#accessories-types-container .sub-footer-container .btn-close-accessories-types {
	margin-right: 10px;
}

#accessories-types-container .sub-footer-container .btn-close-accessories {
	margin-left: 10px;
}

#accessories-types-container .sub-footer-container .btn:hover {
	color: #ffffff;
	background-color: #293282;
}

#step4-right-sidebar #accessory-choice-container img {
	height: 50px;
}

#step4-right-sidebar #accessory-choice-container .btn-open-accessories[data-type="bedplate"] .accessory-name {
	margin-top: 10px;
	margin-bottom: -11px;
}

#engrave-container .date {
	display: inline-block;
}

#engrave-container .date.date-dob {
	/*padding-right: 3px;*/
}

#engrave-container .date.date-dod {
	/*padding-left: 3px;*/
}

#engrave-container .memory-text {
	top: 250px;
	left: 200px;
	position: absolute;
}

#engrave-container .star,
#engrave-container .cross,
#engrave-container .heart,
#engrave-container .crescent,
#engrave-container .crescent-without-star {
	/*top: 4px;*/
	line-height: 1;
	position: absolute;
	font-style: normal !important;
}

#engrave-container .f,
#engrave-container .d{
	/* left: -17px; */
	position: absolute;
}

#engrave-container .FF,
#engrave-container .DD {
	/* left: -22px; */
	position: absolute;
}

#btnItalic {
	margin-left: 1px;
	font-style: italic;
}

.btn-bold-italic {
	color: #1e2e6f;
	cursor: pointer;
	font-size: 18px;
	margin-top: 5px;
	font-weight: 700;
	padding: 8px 16px;
	display: inline-block;
	border: 1px solid #1e2e6f;
	background-color: #ffffff;
	transition: all 0.2s linear;
}

.btn-bold-italic:hover,.btn-bold-italic.active {
	color: #ffffff;
	background-color: #1e2e6f;
}

.btn-bold-italic-container {
	display: none;
}

.btn-bold-italic-container.active {
	display: block;
}

#engrave-color {
	padding-top: 5px;
}

.ornaments-collapse-container img {
	display: block;
}

.ornaments-collapse-container .btn {
	color: #333333;
	font-size: 14px;
	margin-top: 10px;
	background-color: #efefef;
}

#engrave-ornaments-clone {
	display: none;
}

#step-container-b .compose-headstone .ornament-img-engrave {
	width: 100%;
	display: none;
}

#step-container-b .compose-headstone .ornament-img-engrave.active {
	display: block;
}

.engrave-ornaments-container {
	position: absolute;
	border: 1px solid transparent;
}

.engrave-ornaments-option-container {
	width: 100%;
	margin-top: 10px;
	padding: 10px 20px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #1E2E70;
}

.engrave-ornaments-option-container .details-div {
	position: relative;
	margin: 0px 20px 5px;
	display: inline-block;
}

.engrave-ornaments-option-container .details-div p {
	margin-bottom: 0px;
	text-transform: capitalize;
}

.engrave-ornaments-option-container .remove_ornament {
	color: #293282;
	cursor: pointer;
	font-size: 14px;
	margin-top: 5px;
	font-weight: 500;
	position: relative;
	display: inline-block;
}

.engrave-ornaments-option-container .remove_ornament i {
	padding: 0px;
	font-size: 19px;
	margin-right: 7px;
}

.engrave-ornaments-option-container .details-controller {
	top: 10px;
    right: 20px;
	color: #cbcbcb;
	cursor: pointer;
	font-size: 20px;
	position: absolute;
	transition: all 0.2s linear;
}

.engrave-ornaments-option-container .edit_ornament {
	display: none;
}

.engrave-ornaments-option-container .details-controller.active {
	top: 13px;
}

.engrave-ornaments-option-container .details-controller i {
	padding: 0px;
	transition: all 0.2s linear;
}

.engrave-ornaments-option-container .details-controller.active i {
    transform: rotate(180deg);
}


.engrave-ornaments-option-container img {
	vertical-align: unset !important;
}

.engrave-ornaments-option-container .ornament_user_adjustments {
	padding: 15px 0px;
}

.engrave-ornaments-option-container .ornament_user_adjustments .label {
	margin-bottom: 10px;
	display: inline-block;
}

.ornament-color-picker {
	padding: 0px 0px 15px;
}

.ornament-color-picker .ornament-color-option {
	width: 40px;
	height: 40px;
	cursor: pointer;
	position: relative;
	margin-right: 10px;
	border-radius: 100%;
	display: inline-block;
	transition: all 0.2s linear;
	border: 2px solid transparent;
}

.ornament-color-picker .ornament-color-option  .gold-inscription {
	left: -1px;
    width: 50px;
    bottom: -18px;
    font-size: 11px;
    font-weight: 700;
    position: absolute;
}

.ornament-color-picker .ornament-color-option.active {
	border-color: #1e2e70 !important;
}

.ornament-color-picker .ornament-color-option:hover {
	border-color: #dee7f7;
}

.ornament-color-picker .ornament-color-option .inner-circle {
	width: 30px;
    height: 30px;
    margin-top: 3px;
    margin-left: 3px;
    border: 1px solid;
    border-radius: 100%;
    display: inline-block;
}

.ornament-color-picker .ornament-color-option.white .inner-circle {
	border: 1px solid #e0e0e0;
	background-color: #ffffff;
}

.ornament-color-picker .ornament-color-option.black .inner-circle {
	border: 1px solid #000000;
	background-color: #000000;
}

.ornament-color-picker .ornament-color-option.gold .inner-circle {
	border: 1px solid #fdc965;
	background-color: #fdc965;
}

.ornament-color-picker .ornament-color-option.silver .inner-circle {
	border: 1px solid #cacaca;
	background-color: #cacaca;
}

#engrave-ornaments-option-clone {
	display: none;
}

.ornament-color-option {
	cursor: pointer;
}

#content-alignment i {
	cursor: pointer;
}

.more-message {
	display: none;
	color: #1e2e6f;
	font-size: 14px;
    margin-top: 7px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 10px;
}

#step1 .headstone-details .headstone-display-price {
	color: #262b89;
	font-size: 19px;
}

#step1 .headstone-details .headstone-display-standard {
	font-size: 15px;
	color: #8080808f;
	text-decoration: line-through!important;
}

#step1 .headstone-details .sale-badge {
	top: 0px;
	right: 0px;
	max-width: 70px;
	position: absolute;
}

#step-b-left-sidebar .other-functions {
	max-width: 250px;
	margin: 15px 0px 20px;
	display: inline-block;
}

#step-b-left-sidebar .btn-other-function {
	color: #1e2e6f;
	font-size: 13px;
	position: relative;
	border-radius: 5px;
	margin-bottom: 10px;
	display: inline-block;
	border: 1px solid #1e2e6f;
	background-color: #ffffff;
	padding: 9px 10px 9px 32px;
	transition: all 0.2s ease-in;
}


#step-b-left-sidebar .btn-other-function img {
	top: 11px;
	left: 10px;
	max-width: 16px;
	position: absolute;
}

#step-b-left-sidebar #compareStonesBtn.btn-other-function img {
    top: 8px;
    left: 8px;
    max-width: 22px;
}

#step-b-left-sidebar .btn-other-function:hover {
	/*color: #ffffff;
	background-color: #1e2e6f;*/
}

#step-b-left-sidebar .btn-other-function i {
	padding: 0px;
}


#main-headstone-container .sk-cube-grid {
	left: 0px;
	right: 0px;
	position: absolute;
}


#inscriptionNameLater1, #inscriptionNameLater2 {
	opacity: 0.6;
}

.draggable {
    line-height: 1;
    white-space: nowrap;
    position: absolute !important;
    display: inline-block !important;
}

#step2-input-container .step2-tab-link i {
	bottom: -2px;
	padding: 0px;
	font-size: 22px;
	position: relative;
}

.memory-align {
	color: #1e2e70;
	cursor: pointer;
	font-size: 20px;
	margin-top: 5px;
	padding: 5px 10px;
	margin-right: 9px;
	border-radius: 5px;
	display: inline-block;
	border: 1px solid #1e2e70;
	transition: all 0.2s linear;
}

.memory-align i {
	padding: 0px;

}

.memory-align:hover, .memory-align.active {
	color: #ffffff;
	background-color: #1e2e70;
}

#step2-right-sidebar .form-group select#font-types {
	font-size: 18px;
}

#engrave-color .select-engrave-color {
	width: 40px;
	height: 40px;
	cursor: pointer;
	position: relative;
	margin-right: 10px;
	border-radius: 100%;
	display: inline-block;
	transition: all 0.2s linear;
	border: 2px solid transparent;
}

#engrave-color .select-engrave-color .gold-inscription {
	left: -1px;
	width: 50px;
	bottom: -18px;
	font-size: 11px;
	font-weight: 700;
	position: absolute;
}

#engrave-color .select-engrave-color.active {
	border-color: #1e2e70 !important;
}

#engrave-color .select-engrave-color:hover {
	border-color: #dee7f7;
}

#engrave-color .select-engrave-color .inner-circle {
	width: 30px;
    height: 30px;
    margin-top: 3px;
    margin-left: 3px;
    border: 1px solid;
    border-radius: 100%;
    display: inline-block;
}

#engrave-color .select-engrave-color.white .inner-circle {
	border: 1px solid #e0e0e0;
	background-color: #ffffff;
}

#engrave-color .select-engrave-color.black .inner-circle {
	border: 1px solid #000000;
	background-color: #000000;
}

#engrave-color .select-engrave-color.gold .inner-circle {
	border: 1px solid #fdc965;
	background-color: #fdc965;
}

#engrave-color .select-engrave-color.silver .inner-circle {
	border: 1px solid #cacaca;
	background-color: #cacaca;
}

.range-container .ui-widget-content {
	color: #222222;
	background: #BFD2F0;
	border: 1px solid #ccc;
}

.range-container .ui-widget-header {
	color: #222222;
	font-weight: bold;
	background-color: #58729D;
}

.range-container .ui-slider {
	text-align: left;
	position: relative;
}

.range-container .ui-slider .ui-slider-handle {
	z-index: 2;
	width: 15px;
	height: 15px;
	cursor: default;
	position: absolute;
}

.range-container .ui-slider .ui-slider-range {
	border: 0;
	z-index: 1;
	display: block;
	font-size: .7em;
	position: absolute;
	background-position: 0 0;
}

.range-container .ui-slider-horizontal {
	top: -4px;
	width: 70%;
	height: 5px;
	margin: 0px 10px;
	display: inline-block;
}

.range-container .ui-slider-horizontal.ornament-rotation-slide {
	min-width: 215px;
}

.range-container .ui-slider-horizontal .ui-slider-handle {
	top: -6px;
	cursor: pointer;
	border-radius: 100%;
	outline: none !important;
	background-color: #1e2e70;
}

.range-container .ui-slider-horizontal .ui-slider-range {
	top: 0px;
	height: 100%;
}

.range-container .ui-slider-horizontal .ui-slider-range-min {
	left: 0px;
}

.range-container .ui-slider-horizontal .ui-slider-range-max {
	right: 0px;
}

.range-container .font-size-display {
	color: #BFD2F0;
	font-size: 20px;
	margin-left: 0px;
}

.range-container span.small-text {
	cursor: pointer;
	font-size: 18px;
}

.range-container span.large-text {
	cursor: pointer;
	top: 4px;
	font-size: 28px;
	position: relative;
}

.range-container .ornament-rotation-box {
	width: 75px;
	/*cursor: none;*/
	margin-left: 10px;
	display: inline-block;
	background-color: #ffffff;
}

#step3-right-sidebar .sub-text {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 0px;
}

#frequent-ornaments-container {
	margin: 10px 0px 0px;
}

#frequent-ornaments-container p {
	font-size: 18px;
	margin-bottom: 10px;
}

#frequent-ornaments-container .col-frequent-ornament {
	padding: 20px;
}

#frequent-ornaments-container .col-frequent-ornament-small {
	padding: 0px 20px;
}

#frequent-ornaments-container .add-ornament {
	color: #ffffff;
    margin-top: 10px;
    background-color: #efefef;
}

#step3-right-sidebar .toggle-ornaments-container {
	padding: 15px 0px 10px;
}

#step3-right-sidebar .toggle-ornaments-container ul {
	padding: 0px;
}

#step3-right-sidebar .toggle-ornaments-container ul li {
	float: left;
	display: inline-block;
}

#step3-right-sidebar .toggle-ornaments-container .btn-toggle-ornnaments {
	border: none;
	padding: 15px;
	color: #ffffff;
	display: block;
    font-size: 14px;
    border-radius: 6px;
    background-color: #1E2E70;
}

#step3-right-sidebar .toggle-ornaments-container .btn-toggle-ornnaments .icon-outer {
	border: none;
	display: none;
	padding: 15px;
	color: #1E2E70;
	margin-left: 10px;
    background: #DEE7F7;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#step3-right-sidebar .toggle-ornaments-container .btn-toggle-ornnaments .icon-outer i {
	padding: 3px 4px;
	border-radius: 100%;
	border: 1px solid #1E2E70 !important;
}

.ornament_adjustor {
	margin-top: 5px;
	margin-bottom: 15px;
}

#price-details-container {
	margin-top: 50px;
	padding: 40px 0px;
	background-color: #f8f8f8;
	border-top: 1px solid #dddddd;
}

#price-details-container h3 {
	font-size: 25px;
	text-align: center;
}

#price-details-container .table {
	max-width: 280px;
}

#price-details-container .table tr td:first-of-type {
	text-align: left;
}

#price-details-container .table tr td:last-of-type {
	text-align: right;
}

#price-details-container .table p {
	font-size: 14px;
	margin-bottom: 0px;
}

#price-details-container .table td {
	border: none;
	padding: 7px;
}

.text-bold {
	font-weight: 700;
}

.included-text {
	color: #669900;
}

.included-text i {
	bottom: -1px;
	padding: 0px;
	font-size: 18px;
    margin-right: 5px;
    position: relative;
}

#price-details-container .table tr:last-of-type td {
	border-top: 1px solid #E8E8E8;
}

#price-details-container .composed_price {
	color: #669900;
}

#price-details-container .composed_price_no_discount {
	color: #669900;
}

#step4-right-sidebar .accessory-container {
	width: 100%;
	cursor: pointer;
	padding: 20px 0px;
	text-align: center;
	border-radius: 7px;
	border: 1px solid #dbdbdb;
	transition: all 0.2s linear;
	box-shadow: 1px 1px 1px 0px #dedede;
	background: linear-gradient(to bottom, #fff 1%, #e9e9e9 100%);
}

#step4-right-sidebar .btn-open-accessories[data-type="bedplate"] .accessory-name {
	margin-top: 10px;
    margin-bottom: -15px;
}

#step4-right-sidebar .accessory-container.select-bedtype {
	border: none;
	cursor: pointer;
    box-shadow: none;
    position: relative;
    border-radius: 0px;
    /*background: #ffffff;*/
    background: transparent;
    transition: all .1s linear;
    /*border: 1px solid #8080801c;*/
    padding: 25px 10px 40px!important;
}

#step4-right-sidebar .accessory-container.select-bedtype:hover {
	/*border-color: #4a578b;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
	background: #AFB6E029 0% 0% no-repeat padding-box;*/
	/*border-color: #4a578b;*/
    box-shadow: 0 0 7px 2px #00000021;
    /*box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);*/
}

#step4-right-sidebar .accessory-container.select-bedtype.selected {
    background: #AFB6E029 0% 0% no-repeat padding-box;
}

#step4-right-sidebar .accessory-container.select-bedtype img {
	max-width: 140px;
	margin: 30px 0px 10px;
}

#step4-right-sidebar .accessory-container.select-bedtype .beplate-btn {
	left: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
    color: #ffffff;
    position: absolute;
    border-radius: 0px;
    padding: 0.375rem 0.75rem;
    background-color: #4a578b;
}

#step4-right-sidebar .accessory-container.select-bedtype:hover .beplate-btn {
	display: block;
}

#step4-right-sidebar .accessory-container:hover {
    /*background: linear-gradient(to bottom, #e9e9e9 1%, #fff 100%);*/
}

#step4-right-sidebar .accessory-container .accessory-name {
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#step4-right-sidebar .accessory-container .accessory-price {
	font-size: 12px;
	margin-bottom: 0px;
}

#step4-right-sidebar .stone_accessories.right-col,
#step4-right-sidebar .stone_accessories.left-col {
	flex: 0 0 33.33%;
	max-width: 33.33%;
	padding-left: 0px;
	padding-right: 0px;
}

#step4-right-sidebar .right-col {
	padding: 10px;
	padding-left: 0px;
}

#step4-right-sidebar .left-col {
	padding: 10px;
	padding-right: 0px;
}

#step4-right-sidebar .accessory-container img {
	max-height: 50px;
}

#step4-right-sidebar .stone_accessories img {
	max-width: 100px;
}

#step4-right-sidebar .accessory-label {
    font-size: 14px;
    margin-top: 7px;
    font-weight: 700;
    line-height: 23px;
    margin-bottom: 10px;
    display: inline-block;
}

#step4-right-sidebar .other_accessories_row {
	padding-bottom: 15px;
}

#step4-right-sidebar .accessory-label-container {
	padding: 25px 0px 0px;
}

#step5-banner img {
	margin: auto;
	display: block;
	max-width: 100%;
}

#step-container-c {
	padding: 10px 0px 50px;
}

#orderForm {
	padding: 25px 80px 50px;
	border-radius: 5px;
	/*background-color: #eff6ff;
	background: linear-gradient(to bottom, #dee7f7 45%, #f2f2f2 100%);*/
}

#orderForm h3 {
	font-size: 25px;
	text-align: center;
	margin-bottom: 20px;
}

#orderForm .form-row {
	padding: 8px 0px;
}

#orderForm .form-row .label {
	font-size: 14px;
	text-align: right;
	padding-right: 15px;
	transition: all 0.2s linear;
}

#orderForm .form-row .label.focus {
	color: #1D64B4;
}

#orderForm .form-row input, #orderForm .form-row textarea {
	height: unset;
	color: #1D64B4;
    font-size: 14px;
    padding: 3px 5px;
    border-radius: 3px;
    border: 1px solid #dddddd;
    transition: all 0.2s linear;
}

#btnOrderForm {
	margin: auto;
}

#step-container-c .table td {
	border: none;
	padding: 4px 0px;
}

#step-container-c .table td p {
	font-size: 14px;
	margin-bottom: 0px;
}

#step-container-c .faq-dropdown .faq-title {
	cursor: pointer;
	font-size: 14px;
	margin-bottom: 5px;
}

#step-container-c .faq-dropdown .faq-content {
	display: none;
	font-size: 14px;
	margin-bottom: 8px;
}

#summary-table-container h4 {
	margin-bottom: 10px;
}

#summary-table-container .table {
	max-width: 300px;
}

#summary-table-container table.table tr td {
	padding: 5px;
}

#summary-table-container table tr:last-of-type {
	/*color: #ffffff;
	font-weight: 700;
	background-color: #1C2B68;*/
}

#summary-table-container table {
	margin-bottom: 0px;
}

.table-total-price {
	color: #ffffff;
	font-weight: 700;
	background-color: #1C2B68;
}

#summary-table-container table tr td:last-of-type {
	text-align: right;
}

#summary-table-container .fullamount-text {
	font-size: 15px;
	margin-top: 12px;
	margin-bottom: 0px;
}

#summary-table-container hr {
	border: none;
	max-width: 300px;
	margin: 22px 0px 10px;
	border-top: 2px solid #dddddd;
}

#summary-table-container2 h4 {
	margin-bottom: 10px;
}

#summary-table-container2 .table {
	max-width: 300px;
}

#summary-table-container2 table.table tr td {
	padding: 5px;
}

#summary-table-container2 table tr:last-of-type {
	color: #ffffff;
	font-weight: 700;
	background-color: #1C2B68;
}

#summary-table-container2 table tr td:last-of-type {
	text-align: right;
}

#summary-table-container2 .fullamount-text {
	font-size: 15px;
	margin-bottom: 0px;
}

#summary-table-container2 hr {
	border: none;
	max-width: 300px;
	margin: 22px 0px 10px;
	border-top: 2px solid #dddddd;
}

#summary-table-container2 .table {
	max-width: 100%;
}

#summary-table-container2 table.table tr td {
	border: none;
}

#summary-table-container2 table.table tr td p {
	margin-bottom: 0px;
}

#summary-table-container2 table tr:last-of-type {
	background-color: #DDDDDD;
}

#summary-table-container2 table tr:last-of-type p {
	color: #424656;
	font-weight: 600;
}

#summary-table-container2 table.table tr td {
	padding: 2px 5px;
}

#step-container-c .faq-link-container  {
	padding-top: 10px;
}

#step-container-c .faq-link-container p {
	font-size: 14px;
	margin-bottom: 5px;
}

#step-container-c .faq-link-container a {
	color: #1D64B4;
	display: block;
	font-size: 14px;
}

#step-container-c .btn-next-prev {
	color: #1e2e6f;
	font-size: 12px;
	padding: 6px 20px;
	margin-bottom: 6px;
	border-radius: 5px;
	border: 1px solid #1e2e6f;
	background-color: #ffffff;
	transition: all 0.2s ease-in;
}

#step-container-c .btn-next-prev i {
	border: none;
	padding: 0px;
}

#step-container-c .btn-prev-step i {
	margin-right: 5px;
}

#step-container-c .btn-next-prev:hover {
	color: #ffffff;
	background-color: #1e2e6f;
}

#step-container-c .pre-step-container {
	padding: 20px 0px;
}

#gravestone-clone {
	/*width: 220px;*/
	/*zoom: 0.5;*/
	cursor: text;
    /*height: 250px;*/
    position: relative;
    transform: scale(0.5);
    margin: auto !important;
    transform-origin: top left;
}

#gravestone-clone .compose-headstone-img,
.inscriptionHeadstonePreview .compose-headstone-img {
	z-index: 1;
	margin: auto;
	display: block;
	user-drag: none;
	/*max-width: 500px;
	max-height: 500px;*/
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	/* max-width: 100%; */
}

#gravestone-clone .engrave-ornaments-container,
.inscriptionHeadstonePreview .engrave-ornaments-container {
	cursor: text;
}

#gravestone-clone .added-accessory-container,
.inscriptionHeadstonePreview .added-accessory-container {
	cursor: text;
}

#gravestone-clone .ui-draggable,
.inscriptionHeadstonePreview .ui-draggable {
	border-color: transparent !important;
}

#gravestone-clone #stone-types,
.inscriptionHeadstonePreview #stone-types {
	display: none;
}

#gravestone-order-details {
	/*height: 340px;*/
	background-color: #ffffff;
	margin-bottom: 10px !important;
}

#gravestone-order-details .gravestone-col {
	margin: auto !important;
	padding: 0px 20px !important;
}

#gravestone-clone .draggable,
.inscriptionHeadstonePreview .draggable {
	cursor: text;
	border: none !important;
}

#gravestone-clone .ornament-img-engrave,
.inscriptionHeadstonePreview .ornament-img-engrave {
	display: none;
}

#gravestone-clone .ornament-img-engrave.active,
.inscriptionHeadstonePreview .ornament-img-engrave.active {
	display: block;
	max-width: 100%;
}

#gravestone-clone .compose-bedtype-container,
.inscriptionHeadstonePreview .compose-bedtype-container {
	margin-top: -15.5px;
	position: relative;
	display: inline-block !important;
}

#gravestone-clone .compose-bedtype-container img,
.inscriptionHeadstonePreview .compose-bedtype-container img {
	max-width: 100%;
}

#composedHeadstone {
	width: 220px;
	cursor: text;
    height: 250px;
    margin: auto !important;
    transform: scale(1.3, 1.3);
    transform-origin: top left;
}

#composedHeadstoneModal .modal-header {
	padding: 10px 20px;
	border-bottom: none !important;
}

#composedHeadstoneModal .close {
	font-size: 40px;
	outline: none !important;
}

#composedHeadstone .compose-headstone-img {
	z-index: 1;
	margin: auto;
	display: block;
	user-drag: none;
	/*max-width: 500px;
	max-height: 500px;*/
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	/* max-width: 100%; */
}

#composedHeadstone .engrave-ornaments-container {
	cursor: text;
}

#composedHeadstone .added-accessory-container {
	cursor: text;
}

#composedHeadstone .ui-draggable {
	border-color: transparent !important;
}

#composedHeadstone #stone-types {
	display: none;
}

#gravestone-order-details {
	/*height: 340px;*/
	background-color: #ffffff;
	margin-bottom: 10px !important;
}

#gravestone-order-details .gravestone-col {
	margin: auto !important;
	padding: 0px 20px !important;
}

#composedHeadstone .draggable {
	cursor: text;
	border: none !important;
}

#composedHeadstone .ornament-img-engrave {
	display: none;
}

#composedHeadstone .ornament-img-engrave.active {
	display: block;
	max-width: 100%;
}

#composedHeadstone .compose-bedtype-container {
	margin-top: -15.5px;
	position: relative;
	display: inline-block !important;
}

#composedHeadstone .compose-bedtype-container img {
	max-width: 100%;
}

#orderForm .form-row input:focus, #orderForm .form-row textarea:focus {
	border-color: #1d64b4;
    box-shadow: 0 4px 6px -6px #222222;
}

#orderForm .headstone-details p {
	font-size: 14px;
	margin-bottom: 6px;
}

#orderForm .headstone-details p:last-of-type {
	margin-bottom: 0px;
}

#orderFormSubmit {
	width: 100%;
	margin: auto;
	color: #ffffff;
	font-size: 16px;
	padding: 10px 20px;
	background-color: #669900;
}

#orderForm .city-col {
	padding-left: 10px;
	padding-right: 0px;
}

#orderForm .comments-text {
	font-size: 16px;
	font-weight: 600;
	font-style: italic;
}

#orderForm .subtitle {
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
}

#orderForm .discount-text {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 0px;
}

#orderForm .discount-text span {
	color: #669900;
}

#orderForm .discount-row {
	padding-bottom: 20px;
}

#orderForm .form-row-prev {
	padding-top: 20px;
}

#orderForm .form-row-prev p {
	color: #669900;
	cursor: pointer;
	font-size: 15px;
	margin-bottom: 0px;
}

.checkbox-container {
	height: 30px;
	cursor: pointer;
    display: block;
    font-size: 22px;
    position: relative;
    padding-left: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-container input {
    width: 0;
    height: 0;
    opacity: 0;
    cursor: pointer;
    position: absolute;
}

.checkmark {
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    position: absolute;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    transition: all 0.2s linear;
}
.checkbox-container:hover input ~ .checkmark {
    border-color: #669900;
}

.checkbox-container input:checked ~ .checkmark {
	border-color: #669900;
    background-color: #ffffff;
}

.checkmark:after {
    content: "";
    display: none;
    position: absolute;
}

.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

.checkbox-container .checkmark:after {
	top: 1px;
    left: 8px;
    width: 8px;
    height: 17px;
    border: solid #669900;
    transform: rotate(45deg);
    border-width: 0 2px 2px 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.ornament_adjustor .checkmark {
	border: 2px solid #1e2e70;
}

.ornament_adjustor .checkbox-container {
	font-size: 16px;
}

.ornament_adjustor .checkbox-container .checkmark:after {
	top: 1px;
    left: 7px;
    width: 8px;
    height: 16px;
    border-color: #1e2e70;
}

.ornament_adjustor .checkbox-container input:checked ~ .checkmark, .ornament_adjustor .checkbox-container:hover input ~ .checkmark {
	border-color: #1e2e70;
}

.added-accessory-controllers{
    width: 450px;
    overflow-x: hidden;
    padding-left: 60px;
    padding-right: 40px;
}

.added-accessory-option-container {
	width: 100%;
	margin-top: 10px;
	padding: 15px 20px;
	position: relative;
    border-radius: 2px;
    border: 1px solid #dddddd;
}

.added-accessory-option-container.laser-etch-controller .remove {
	top: 30px;
}

.added-accessory-option-container .acc-img-col {
	padding: 0px;
}

.added-accessory-option-container img {
	margin: auto;
	display: block;
	max-width: 50px;
	max-height: 50px;
}

.added-accessory-option-container .details-div {
	position: relative;
	display: inline-block;
}

.added-accessory-option-container .details-div p {
	font-size: 14px;
	max-width: 150px;
	margin-bottom: 0px;
    text-transform: capitalize;
}

.added-accessory-option-container .details-div .added-accessory-name .added-accessory-dimension {
	display: block;
	font-size: 12px;
	text-transform: lowercase;
}

.added-accessory-option-container .row {
	min-height: 50px;
}

.added-accessory-option-container .remove {
	top: 50%;
	right: 20px;
	color: #293282;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	position: absolute;
	display: inline-block;
	transform: translateY(-50%);
}

.added-accessory-option-container.porcelain-image-controller .remove {
	top: 30px;
}

.added-accessory-option-container .edit-image {
	top: 70%;
	right: 17px;
	display: none;
	color: #293282;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	position: absolute;
	transform: translateY(-50%);
}

.added-accessory-option-container.porcelain-image-controller .edit-image {
	display: inline-block;
}

.added-accessory-option-container .remove i,
.added-accessory-option-container .edit-image i {
	padding: 0px;
	font-size: 21px;
	margin-right: 7px;
}

#added-bedframe-clone,
#added-bedplate-clone {
	display: none;
}

.added-accessory-option-container2 {
	width: 100%;
	margin-top: 10px;
	padding: 15px 20px;
	position: relative;
    border-radius: 2px;
    border: 1px solid #dddddd;
}

.added-accessory-option-container2 .row {
	min-height: 50px;
}

.added-accessory-option-container2 img {
	margin: auto;
	display: block;
	max-width: 50px;
	max-height: 50px;
	position: relative;
}

.added-accessory-option-container2 .acc-img-col {
	padding: 0px;
}

.added-accessory-option-container2 .details-div {
	position: relative;
	display: inline-block;
}

.added-accessory-option-container2 .details-div p {
	font-size: 14px;
	margin-bottom: 0px;
	text-transform: capitalize;
}

.added-accessory-option-container2 .remove_bedplate {
	top: 50%;
	right: 20px;
	bottom: 15px;
	color: #293282;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	position: absolute;
	display: inline-block;
	transform: translateY(-50%);
}

.added-accessory-option-container2 .remove_bedplate i {
	padding: 0px;
	font-size: 21px;
	margin-right: 7px;
}

.accessories-added-label {
	margin: 0px;
	font-size: 16px;
	font-weight: 700;
}

#added-accessory-option-clone {
	display: none;
}

#added-accessory-clone {
	display: none;
}

.added-accessory-container {
	z-index: 2;
	position: absolute;
	border: 2px solid transparent;
}

.added-accessory-container img {
	width: inherit;
	height: inherit;
}

.stone-type-container.product-stonetype.accessory-data {
	width: 2em;
    height: 2em;
    cursor: pointer;
    margin-right: 5px;
    display: inline-block;
    background-size: cover;
    background-image: none !important;
}


#accessories-container .btn {
	color: #333333;
    font-size: 14px;
    margin-top: 10px;
    background-color: #efefef;
}

#accessories-container h4 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 30px;
}

#accessories-container .sub-footer-container p {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 25px;
}

#accessories-container .sub-footer-container .btn-close-accessories {
	color: #293282;
	cursor: pointer;
	padding: 8px 25px;
	border-radius: 5px;
	display: inline-block;
	border: 1px solid #AFB6E0;
	transition: all 0.2s linear;
}

#accessories-container .sub-footer-container .btn-close-accessories:hover {
	color: #ffffff;
	background-color: #293282;
}

#accessories-container .sub-footer-container {
	margin: auto;
	max-width: 800px;
	text-align: center;
	padding: 70px 0px 0px;
}

.self-mount {
	display: none;
}

.most_ornaments_row {
	display: none;
}

.most_ornaments_row.show {
    display: flex;
}

.bedframe-name {
	text-transform: capitalize;
}

#Wrap_mobile_apology_message {
	padding: 20px;
	display: block;
	color: #333333;
	font-size: 24px;
	font-weight: 300;
	margin: 0px auto;
	margin-top: 50px;
    max-width: 1100px;
    line-height: 40px;
    text-align: center;
   	margin-bottom: 50px;
    text-shadow: 1px 1px 1px #fff;
}

#Wrap_mobile_apology_message .mobile-btn {
    width: 100%;
    height: unset;
    color: #ffffff;
    font-size: 14px;
    margin: 0px auto;
    max-width: 300px;
    margin-top: 30px;
    outline: none !important;
    background-color: #262b89;
    box-shadow: none !important;
    text-shadow: none !important;
    border: 2px solid #262b89 !important;
}

.spurv-container {
	/*min-height: 45px;
	max-height: 45px;*/
}

.spurv-container img {
	margin: auto;
}

.spurv-container2 {
	/*min-height: 40px;
	max-height: 40px;*/
}

.spurv-container2 img {
	margin: auto;
}

#order-form-sidebar {
	margin-top: 20px;
    padding-left: 15px;
    /*border-left: 2px solid #dee7f7;*/
}

#summary-table-container {
	padding: 15px 20px;
	border: 2px solid #dee7f7;
	border-bottom: 1px solid #dee7f7 !important;
}

.faq-details {
	padding: 15px 20px;
	border: 2px solid #dee7f7;
	border-top: 1px solid #dee7f7 !important;
}

.custom-radio-group .form-row .label {
	margin-right: -50px;
}

#step2-right-sidebar .form-group.custom-radio-group .select {
	height: 40px;
	font-size: 20px;
	min-width: 80px;
	padding: 0px 20px 10px;
	transition: none !important;
}

#step2-right-sidebar .form-group.custom-radio-group .select.none {
	padding: 0px 15px 10px;
	font-size: 14px !important;
    line-height: 33px !important;
}

.range-cm {
	margin-top: auto !important;
}

#bestiller_poststed-error, #email-error {
	margin-top: 5px;
	font-size: 12px;
	margin-bottom: -6px;
	color: #dc3545 !important;
}

#step5-banner h1 {
    color: #333333;
    font-size: 32px;
    text-align: center;
    margin-bottom: 25px;
}

#step5-banner p {
    color: #282d66;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 0px;
}

#step5-banner {
    padding: 40px 0px;
    background-repeat-x: repeat;
    background-attachment: unset;
    background-position-x: center;
    background-repeat-y: no-repeat;
    background-image: url(../images/composer_tool/step5-banner-bg.png);
}

.gold-inscription-receipt {
	display: none;
}

.bullet-controller {
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bullet-controller .bullet {
    width: 14px;
    height: 14px;
    cursor: pointer;
    margin: 0px 1px;
    border-radius: 100%;
    display: inline-block;
    border: 2px solid #1e2e6f;
    background-color: #ffffff;
    transition: all 0.2s linear;
}

.bullet-controller .bullet:hover {
    opacity: 0.8;
    background-color: #1e2e6f;
}

.bullet-controller .bullet.active {
    opacity: 1;
    background-color: #1e2e6f;
}

#sharesavemodal .modal-dialog {
	max-width: 600px;
}

#sharesavemodal .modal-header {
	padding-left: 20px;
	padding-right: 20px;
}

#sharesavemodal .modal-body {
	padding: 10px 30px 30px;
}

#sharesavemodal .form-group {
	padding-top: 10px;
	position: relative;
	margin-bottom: 20px;
}

#sharesavemodal .form-group p {
	margin-bottom: 5px;
}

#sharesavemodal .form-group .form-control {
	max-width: 350px;
}

#sharesavemodal .send_btn_container {
	margin-top: 20px;
	text-align: right;
}

#sharesavemodal .notvalid-email {
    left: 2px;
    bottom: -20px;
    display: none;
    font-size: 12px;
    position: absolute;
}

#share_save_btn {
	background-color: #1e2e6f;
}

#share-success-alert {
    left: 0px;
    right: 0px;
    z-index: 2;
    width: 480px;
    margin: auto;
    display: none;
    color: #ffffff;
    margin-top: 115px;
    position: absolute;
    text-align: center;
    background-color: #1e2e6f;
}

#share-success-alert p {
	margin-bottom: 0px;
}

#share-success-alert .close-alert {
	top: 5px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
    line-height: 20px;
    position: absolute;
}

.sidebar-toggle, .sidebar-toggle-left {
	display: none;
}

#orderForm .checkmark {
	border-color: #690;
}

.single-ornament-box {
	cursor: pointer;
    background: #ffffff;
    transition: all .2s linear;
    border: 1px solid #8080801c;
    padding: 25px 0px 40px !important;
}

.single-ornament-box:hover {
	border-color: #4a578b;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.single-ornament-box.selected-ornament {
	border-color: #293282;
    background: rgba(38,43,137,.16)!important;
}

.single-ornament-box .show-add-ornament,
.single-ornament-box.col-frequent-ornament .add-ornament {
    display: none;
}

.single-ornament-box:hover .show-add-ornament,
.single-ornament-box.col-frequent-ornament:hover .add-ornament {
	left: 0px;
	right: 0px;
	bottom: 0px;
	color: #ffffff;
    display: block;
    position: absolute;
    border-radius: 0px;
    background-color: #4a578b !important;
}

.single-ornament-box.selected-ornament input[type=checkbox] {
    display: block;
    pointer-events: none;
}

.single-ornament-box  input[type=checkbox] {
    top: 5px;
    left: 5px;
    z-index: 1;
    width: 36px;
    height: 36px;
    display: none;
    position: absolute;
    border-radius: 100%;
}

.single-ornament-box input[type=checkbox]:checked:before {
    top: 0px;
    left: -5px;
    padding: 3px 10px;
}

.single-ornament-box input[type=checkbox]{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #FFF;
    border: 1px solid #ccc;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: 5px;
    min-width: 25px;
    padding: 7px;
}

.single-ornament-box input[type=checkbox]:checked:before {
    position: absolute;
    content: "\2713";
    font-size: 18px;
    line-height: normal;
    color: #5caf5c;
    top: -3px;
}

.single-ornament-box span.num-ornaments {
	top: 5px;
	left: 5px;
	width: 25px;
    height: 25px;
    display: none;
    color: #5caf5c;
    cursor: pointer;
    font-size: 16px;
    min-width: 25px;
    margin-top: 5px;
    line-height: 22px;
    position: absolute;
    border-radius: 100%;
    background-color: #FFF;
    border: 1px solid #ccc;
    -webkit-appearance: none;
}

.single-ornament-box span.num-ornaments:after {
	content: "\2713";
}

.single-ornament-box.selected-ornament span.num-ornaments {
    display: block;
    pointer-events: none;
}

.single-accessory-box {
    cursor: pointer;
    background: #ffffff;
    transition: all .1s linear;
    border: 1px solid #8080801c;
    padding: 25px 10px 40px !important;
}

.single-accessory-box.selected-accessory {
    background: rgba(38,43,137,.16)!important;
}

#accessories-container .single-accessory-box .add-accessory,
#accessories-container .single-accessory-box .show-accessory  {
    display: none;
}

#accessories-container .single-accessory-box:hover {
	border-color: #4a578b;
	box-shadow: 0 0 7px 2px #00000021;
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/

}

#accessories-container .single-accessory-box:hover .add-accessory,
#accessories-container .single-accessory-box:hover .show-accessory {
	left: 0px;
	right: 0px;
	bottom: 0px;
	color: #ffffff;
    display: block;
    position: absolute;
    border-radius: 0px;
    background-color: #4a578b;
}

.single-accessory-box.selected-accessory input[type=checkbox] {
    display: block;
}

.single-accessory-box  input[type=checkbox] {
    top: 5px;
    left: 5px;
    z-index: 1;
    width: 36px;
    height: 36px;
    display: none;
    position: absolute;
    border-radius: 100%;
}

.single-accessory-box input[type=checkbox]:checked:before {
    top: 0px;
    left: -5px;
    padding: 3px 10px;
}

.single-accessory-box input[type=checkbox]{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #FFF;
    border: 1px solid #ccc;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: 5px;
    min-width: 25px;
    padding: 7px;
}

.single-accessory-box input[type=checkbox]:checked:before {
    position: absolute;
    content: "\2713";
    font-size: 18px;
    line-height: normal;
    color: #5caf5c;
    top: -3px;
}

.date_prefix {
	display: none !important;
}

.date_prefix.active {
	display: inline !important;
}

#initial_load,
#default_load {
	position: absolute;
}

.dobprefix-btn img,
.dodprefix-btn img,
.dob_prefix_dropdown img,
.dod_prefix_dropdown img {
	max-height: 12px;
}

.dob_prefix_dropdown .dropdown-item:hover,
.dod_prefix_dropdown .dropdown-item:hover {
	background-color: #e0e0e0;
}

#compose-headstone-sub {
	top: 20px;
	position: sticky;
	padding-top: 40px;
}

#accessories-types-container h4 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
}

#headstone-details-low {
	display: none;
}

#accessories-types-container .stone-type-container.product-stonetype.accessory-data {
	width: auto;
    height: 140px;
    display: inline-block;
    margin: 0px !important;
}

#accessories-types-container .add-vase-con.default-stonetype .stone-type-container.product-stonetype.accessory-data {
    height: 280px;
}

#accessories-types-container .stone-type-container.product-stonetype.accessory-data img {
	height: 100%;
	display: block;
}

#accessories-types-container .add-vase-con {
	width: 145px;
	cursor: pointer;
	overflow: hidden;
	background: #fff;
	position: relative;
	display: inline-block;
	transition: all .2s linear;
	border: 1px solid #8080801c;
	padding: 35px 30px 40px!important;
}

#accessories-types-container .add-vase-con .default-stone-badge {
	display: none;
}

#accessories-types-container .add-vase-con.add-aura-lantern {
	height: 223px;
	flex: 0 0 145px;
	max-width: 145px;
	margin-top: auto;
	margin-bottom: auto;
}

#accessories-types-container .add-vase-con .add-vase-btn,
#accessories-types-container .add-otheraccessory .add-oa-btn {
    display: none;
}

#accessories-types-container .add-vase-con:hover {
	border-color: #4a578b;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

#accessories-types-container .add-vase-con:hover .add-vase-btn,
#accessories-types-container .add-otheraccessory:hover .add-oa-btn {
	left: 0px;
	right: 0px;
	bottom: 0px;
	color: #ffffff;
    display: block;
    position: absolute;
    border-radius: 0px;
    background-color: #4a578b;
}


#accessories-types-container .add-vase-con.default-stonetype {
	top: 0px;
	left: -270px;
	width: unset;
	height: 446px;
	flex: 0 0 256px;
	max-width: 256px;
	position: absolute;
	padding: 70px 60px 80px!important;
}

#accessories-types-container .add-vase-con.default-stonetype .default-stone-badge {
	width: 100%;
	left: -107px;
    height: 20px;
    position: absolute;
    background: #293282;
    display: inline-block;
    transform: rotate(-50deg);
}

#accessories-types-container .add-vase-con.selected-accessory {
    background: rgba(38,43,137,.16)!important;
}

#accessories-types-container .add-vase-con.selected-accessory input[type=checkbox] {
    display: block;
}

#accessories-types-container .add-vase-con  input[type=checkbox] {
    top: 5px;
    left: 5px;
    z-index: 1;
    width: 36px;
    height: 36px;
    display: none;
    position: absolute;
    border-radius: 100%;
}

#accessories-types-container .add-vase-con input[type=checkbox]:checked:before {
    top: 0px;
    left: -5px;
    padding: 3px 10px;
}

#accessories-types-container .add-vase-con input[type=checkbox]{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #FFF;
    border: 1px solid #ccc;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: 0px;
    min-width: 25px;
    padding: 7px;
}

#accessories-types-container .add-vase-con input[type=checkbox]:checked:before {
    position: absolute;
    content: "\2713";
    font-size: 18px;
    line-height: normal;
    color: #5caf5c;
    top: -3px;
}

#shareStone h3 {
	width: 100%;
	display: block;
	font-size: 25px;
	font-weight: 600;
	text-align: center;
	margin: 0px !important;
}

#shareStone .modal-header {
	padding: 20px 16px;
	border-bottom: 1px solid #DDDDDD;
}

#shareStone .close {
	top: 18px;
	right: 20px;
	position: absolute;
}

#shareStone .close span {
	font-size: 35px;
    line-height: 30px;
}

#shareStone .modal-body {
	padding: 0px 25px 30px;
}

#shareStone .modal-dialog {
	max-width: 750px;
}

#shareStone .form-group {
	padding: 35px 0px;
	margin-bottom: 0px;
}

#shareStone .form-group-1 {
	border-bottom: 1px solid #dddddd;
}

#shareStone .form-group input {
	font-size: 19px;
	margin-bottom: 5px;
	border-color: #dddddd;
	outline: none !important;
	transition: all 0.2s linear;
}

#shareStone .form-group input:hover, #shareStone .form-group input:focus {
	box-shadow: 0px 8px 12px -4px #00000021 !important;
}

#shareStone .form-group .input-notice {
	font-size: 14px;
}

#shareStone p {
	font-size: 18px;
	margin-bottom: 8px;
}

#shareStone .send-lenken, #shareStoneForm2 .send-lenken2 {
	font-size: 19px;
	text-align: right;
	padding: 10px 40px;
	position: relative;
	border-color: #1C2B68;
	background-color: #1C2B68;
	transition: all 0.2s linear;
}

#success-share {
	display: none;
	padding: 30px 0px;
}

#success-share p {
	font-size: 16px;
	margin-bottom: 5px;
}

#success-share span {
	font-weight: 700;
}

#success-share i {
	color: #690;
	padding: 0px;
	border: none !important;
}

#shareStone .send-lenken .fa-spin {
	top: 15px;
	right: 15px;
	display: none;
	position: absolute;
}

#shareStone .send-lenken:hover {
	box-shadow: 0px 8px 12px -4px #00000021;
}

#compose-headstone-container.initial-loading,
#step-container-b .compose-headstone .compose-bedtype-container.initial-loading,
#engrave-container.initial-loading,
#engrave-container #compose-headstone-container {
	opacity: 0 !important;
}

.email_error {
    font-size: 12px;
    padding-left: 5px;
    color: #dc3545!important;
}

.semi-bold {
	font-weight: 600;
}

#composer_nav .btn-next-prev img {
	max-width: 21px;
}

#composer_nav .btn-next-prev img:first-of-type {
	display: inline-block;
}

#composer_nav .btn-next-prev img:last-of-type {
	display: none;
}

#composer_nav .btn-next-prev:hover img:first-of-type {
	display: none;
}

#composer_nav .btn-next-prev:hover img:last-of-type {
	display: inline-block;
}

#composer_nav .btn-next-prev span {
	display: inline-block;
}

.intercom-namespace .intercom-1w3w91n {
    bottom: 60px !important;
}

.font_notice {
	opacity: 0;
	top: 100px;
	z-index: 10;
	width: 210px;
	display: none;
	color: #333333;
	font-size: 13px;
	padding: 7px 15px;
	text-shadow: none;
	position: absolute;
	background: #ffffff;
	font-family: Open Sans;
	/*transition: all 5s;*/
}

.font_notice.active {
	opacity: 1;
	display: inline-block;
}

.font_notice.actived {
	display: none !important;
}

.speech-bubble {
	border:1px solid #ffffff;
	border-radius: .4em;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	bottom: -7px;
	left: 0;
	right: 0px;
	margin: auto;
	width: 0;
	height: 0;
    padding: 7px;
    position: absolute;
    background: #ffffff;
    border: 1px solid #ffffff;
    transform: rotate(45deg);
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
}

.speech-bubble .bubble_close {
	top: 0px;
	right: 0px;
	width: 25px;
	height: 25px;
	position: absolute;
}

.speech-bubble .bubble_close span {
	top: 10px;
	right: 7px;
	width: 10px;
	height: 2px;
	color: #333;
	display: block;
	cursor: pointer;
	background: #333;
	border-radius: 9px;
	position: absolute;
}

.speech-bubble .bubble_close:hover {
	opacity: 0.75;
}

.speech-bubble .bubble_close span:first-of-type {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.speech-bubble .bubble_close span:last-of-type {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.font_notice i {
	padding: 0px;
	display: inline !important;
}

#payment-slider.gravestone-page .range-subtext-v2 .row {
	margin-right: -15px !important;
    margin-left: -15px !important;
}

.step_notice {
	z-index: 3;
	top: -90px;
	width: 240px;
	display: none;
	color: #333333;
	font-size: 13px;
	padding: 10px 20px;
	text-shadow: none;
	position: absolute;
	background: #d3d3d3;
	border-radius: .4em;
	font-family: Open Sans;
	border: 1px solid #d3d3d3;
}

.step_notice.active {
	display: inline-block;
}

.step_notice.step_notice_2 {
	left: -35px;
}

.step_notice.step_notice_3 {
	left: -29px;
}

.step_notice.step_notice_4 {
	left: -34px;
}

.step_notice.step_notice_5 {
	left: -19px;
}

.step_notice i {
	padding: 0px;
	border: none !important;
	display: inline !important;
}

.step_notice:after {
	content: '';
	position: absolute;
	bottom: -7px;
	left: 0;
	right: 0px;
	margin: auto;
	width: 0;
	height: 0;
    padding: 7px;
    position: absolute;
    background: #d3d3d3;
    border: 1px solid #d3d3d3;
    transform: rotate(45deg);
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
}

.step_notice .step_notice_close {
	top: 0px;
	right: 0px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	position: absolute;
}

.step_notice .step_notice_close span {
	top: 10px;
	right: 7px;
	width: 10px;
	height: 2px;
	color: #333;
	display: block;
	cursor: pointer;
	background: #333;
	border-radius: 9px;
	position: absolute;
}

.step_notice .step_notice_close:hover {
	opacity: 0.75;
}

.step_notice .step_notice_close span:first-of-type {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.step_notice .step_notice_close span:last-of-type {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.accessory-container.select-bedtype.selected input[type=checkbox] {
    display: block;
    pointer-events: none;
}

.accessory-container.select-bedtype input[type=checkbox] {
    top: 5px;
    left: 5px;
    z-index: 1;
    width: 36px;
    height: 36px;
    display: none;
    position: absolute;
    border-radius: 100%;
}

.accessory-container.select-bedtype input[type=checkbox]:checked:before {
    top: 0px;
    left: -5px;
    padding: 3px 10px;
}

.accessory-container.select-bedtype input[type=checkbox]{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #FFF;
    border: 1px solid #ccc;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: 5px;
    min-width: 25px;
    padding: 7px;
}

.accessory-container.select-bedtype input[type=checkbox]:checked:before {
    position: absolute;
    content: "\2713";
    font-size: 18px;
    line-height: normal;
    color: #5caf5c;
    top: -3px;
}

#frequent-ornaments-container p.ornament-selection-header {
	margin: 0px;
    padding: 5px 10px;
    background-color: #dee7f7;
    border: 1px solid #8080801c;
    border-bottom: none !important;
}

.compose-bedtype-container .spinner {
	display: none !important;
}

.inscription-size-slider-container {
    padding: 0px 7px 3px;
    display: inline-block;
}

.inscription-size-slider-container .rangeslider--horizontal {
    height: 5px;
    width: 190px;
    border-radius: 0px;
    background: #bfd2f0;
    box-shadow: none !important;
}

.inscription-size-slider-container .rangeslider__handle {
    width: 15px;
    height: 15px;
    top: -5px !important;
    background-color: #1e2e70;
}

.inscription-size-slider-container .rangeslider--horizontal .rangeslider__fill {
    border-radius: 0px;
    display: inline-block;
    background-color: #58729d;
}

.ornament-size-slider-container {
	position: relative;
    padding: 0px 7px 3px;
    display: inline-block;
}

.ornament_size_tooltip {
	top: -35px;
	left: 67px;
	font-size: 8px;
	color: #0D206D;
	padding: 2px 4px;
	border-radius: 4px;
	position: absolute;
	background: #DEE7F7;
	margin-right: -30px;
	display: inline-block;
}
.ornament_size_tooltip:after {
    left: 0px;
    right: 0px;
    width: 8px;
    height: 8px;
    content: "";
    margin: auto;
    bottom: -4px;
    position: absolute;
    background: #DEE7F7;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}


.ornament-size-slider-container .rangeslider--horizontal {
    height: 5px;
    width: 215px;
    border-radius: 0px;
    background: #bfd2f0;
    box-shadow: none !important;
}

.ornament-size-slider-container .rangeslider__handle {
    width: 15px;
    height: 15px;
    top: -5px !important;
    background-color: #1e2e70;
}

.ornament-size-slider-container .rangeslider--horizontal .rangeslider__fill {
    border-radius: 0px;
    display: inline-block;
    /*background-color: #58729d;*/
}

.ornament-rotation-slider-container {
    padding: 0px 7px 8px;
    display: inline-block;
}

.ornament-rotation-slider-container .rangeslider--horizontal {
    height: 5px;
    width: 215px;
    border-radius: 0px;
    background: #bfd2f0;
    box-shadow: none !important;
}

.ornament-rotation-slider-container .rangeslider__handle {
    width: 15px;
    height: 15px;
    top: -5px !important;
    background-color: #1e2e70;
}

.ornament-rotation-slider-container .rangeslider--horizontal .rangeslider__fill {
    border-radius: 0px;
    display: inline-block;
    background-color: #58729d;
}

.laser-etch-controller .ornament-size-slider-container .rangeslider--horizontal {
	width: 190px;
	background-image: linear-gradient(to right, #F3F5F4 0%, #F3F5F4 25%, #dfe7f7 25.1%, #dfe7f7 50%, #b2c3e6 50.1%, #b2c3e6 75%, #8a99c3 75.1%, #8a99c3 100%);
}

.laser-etch-controller .ornament-size-slider-container .rangeslider--horizontal .rangeslider__fill {
	background: unset;
}

.range-container .font-size-display.laser-etch-size {
	margin-left: 5px;
}

#step-container-c .faq-dropdown .faq-title i {
	top: 2px;
	border: none;
    padding: 0px;
    font-size: 20px;
    margin-right: 3px;
    position: relative;
    display: inline-block;
    transition: all 0.1s linear;
}

#step-container-c .faq-dropdown .faq-title.active i {
	top: 3px;
	transform: rotate(90deg);
}

.error_label {
	display: none;
	color: #dc3545;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: -5px;
}

.error_label.active {
	color: #dc3545;
	font-size: 12px;
	display: inline-block;
}

#gravestone-clone #aura-picker,
#gravestone-clone #intra-picker,
#gravestone-clone .headstone-details-low-class,
.inscriptionHeadstonePreview .headstone-details-low-class {
	display: none !important;
}

.ornaments-close-top {
    top: 0px;
    right: 20px;
    z-index: 10;
    width: 70px;
    height: 70px;
    display: block;
    cursor: pointer;
    position: fixed;
    left: unset !important;
}

.ornaments-close-top span {
    top: 35px;
    right: 20px;
    width: 30px;
    position: absolute;
    border-top: 2px solid #333333;
}

.ornaments-close-top span:first-of-type {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.ornaments-close-top span:last-of-type {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.accessories-close-top {
    top: 0px;
    right: 0px;
    z-index: 10;
    width: 70px;
    height: 70px;
    /*display: none;*/
    cursor: pointer;
    position: absolute;
    left: unset !important;
}

.accessories-close-top span {
    top: 35px;
    right: 20px;
    width: 30px;
    position: absolute;
    border-top: 2px solid #333333;
}

.accessories-close-top span:first-of-type {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.accessories-close-top span:last-of-type {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

#loading-spinner-container {
    top: 0px;
    bottom: 0px;
    height: 100%;
    z-index: 100;
    display: none;
    position: fixed;
    margin: 0px !important;
    padding: 0px !important;
    background: rgba(255, 255, 255, 1);
}

#loading-spinner-container.active {
    display: flex;
}

#loading-spinner-container .fa-spin {
    left: 0px;
    right: 0px;
    width: 100px;
    margin: auto;
    z-index: 100;
    height: 100px;
    color: #1e2e6f;
    font-size: 100px;
    position: relative;
    display: inline-block;
}

#loading-spinner-container img {
	width: 200px;
	margin: auto;
	display: block;
	margin-bottom: 30px;
}

#price-summary-btn {
	opacity: 1;
    cursor: pointer;
    margin-top: 40px;
    position: relative;
    display: inline-block;
    padding: 7px 50px 12px 15px;
    transition: all 0.4s ease-in;
    box-shadow: 0px 3px 6px #00000029;
}

#price-summary-btn .total-price-text {
	margin-top: 5px;
}

#price-summary-btn.fade {
	opacity: 0;
}

#price-summary-btn p {
	font-size: 20px;
	margin-top: 5px;
    margin-bottom: 0px;
}

#price-summary-btn .composed_price_no_discount {
    color: #690;
    font-weight: 700;
}

#price-summary-btn .arrow-1 {
	top: 10px;
    right: 15px;
    content: "";
    padding: 7px;
    background: transparent;
    position: absolute;
    border-radius: 1px;
    border: 1px solid #efefef;
    transform: rotate(45deg);
    border-width: 0 3px 3px 0;
    transition: all .1s linear;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#price-summary-btn .arrow-2 {
	top: 18px;
    right: 15px;
    content: "";
    padding: 7px;
    background: transparent;
    position: absolute;
    border: 2px solid #CCCCCC;
    border-radius: 1px;
    transform: rotate(45deg);
    border-width: 0 3px 3px 0;
    transition: all .1s linear;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#price-summary-btn.active .arrow-1 {
	top: 33%;
}

#price-summary-btn.active .arrow-2 {
	top: 43%;
}

#step2-right-sidebar .form-group .select-drowpdown .dropdown-item.active {
	color: #ffffff;
	background-color: #434d72;
}

#step2-right-sidebar .form-group .select-drowpdown .dropdown-item:hover {
	background-color: #152150 !important;
}

#gravestone-order-details #price-summary-btn {
    display: none;
}

#price-details-container .range-header {
    margin-bottom: 2px;
}

#price-details-container .range-header span {
    font-size: 22px;
    font-weight: 600;
}

#price-details-container .row-subtext-monthly {
	display: none;
    margin: 0px auto 5px !important;
}

#price-details-container .row-subtext-monthly div,
#price-details-container .row-total-inc div {
    padding: 0px !important;
}

#price-details-container .row-subtext-monthly span {
    font-size: 22px;
}

#price-details-container h3 {
    font-size: 22px;
    line-height: 33px;
}

#price-details-container .row-total-inc {
	display: none;
    margin: 0px auto 5px !important;
}

#price-details-container .row-total-inc span {
    font-size: 22px;
}

#price-summary-btn .range-header {
    margin-top: 5px;
    margin-bottom: 0px;
}

#price-summary-btn .range-header span {
    font-size: 20px;
    font-weight: 600;
}

#price-summary-btn .row-subtext-monthly {
	display: none;
    margin: 5px auto 0px !important;
}

#price-summary-btn .row-subtext-monthly div,
#price-summary-btn .row-total-inc div {
    padding: 0px !important;
}

#price-summary-btn .row-subtext-monthly span {
    font-size: 20px;
}

#price-summary-btn h3 {
    font-size: 20px;
}

#price-summary-btn .row-total-inc {
	display: none;
    margin: 5px auto 0px !important;
}

#price-summary-btn .row-total-inc span {
    font-size: 20px;
}

.price-breakdown {
    margin-bottom: 25px;
}

.total-price-text {
	/*display: none;*/
}

#price-details-container .row-subtext-monthly span.monthly-price,
#price-summary-btn .row-subtext-monthly span.monthly-price,
#price-details-container .row-total-inc span.fee-with-price,
#price-summary-btn .row-total-inc span.fee-with-price {
    color: #690;
    font-weight: 700;
}

#LeaveNCT h3 {
    width: 100%;
    display: block;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    margin: 0px !important;
}

#LeaveNCT .modal-header {
    padding: 20px 16px;
    border-bottom: 1px solid #DDDDDD;
}

#LeaveNCT .close {
    top: 18px;
    right: 20px;
    position: absolute;
}

#LeaveNCT .close span {
    font-size: 35px;
    line-height: 30px;
}

#LeaveNCT .modal-body {
    padding: 30px 25px 30px;
}

#LeaveNCT p {
    font-size: 18px;
    margin-bottom: 8px;
}

#LeaveNCT .leave-nct-btn {
    color: #ffffff;
    font-size: 18px;
    text-align: right;
    margin-left: 10px;
    padding: 10px 30px;
    position: relative;
    display: inline-block;
    border-color: #1c2b68;
    background-color: #1c2b68;
    transition: all .2s linear;
}

#LeaveNCT .action-container {
    padding-top: 20px;
}

#ornament-categories-container {
    display: block;
}

#ornament-categories-container li {
    float: unset;
    display: block;
    margin: 0px !important;
}

#ornament-categories-container .ornaments-parent-selection {
    border: none;
    display: block;
    cursor: pointer;
    min-width: unset;
    background: none;
    box-shadow: none;
    text-align: left;
    margin: 0px !important;
}

#ornaments-container .card-body.ornaments {
    padding: 0px;
}

#ornament-categories-container {
    padding-bottom: 5px;
    border: 1px solid #F2F2F2;
}

#ornament-categories-container .ornament-category {
    text-align: center;
    font-style: normal;
    display: inline-block;
    width: 100%!important;
    text-transform: capitalize;
    padding: 10px 20px!important;
    font-family: "Open Sans",sans-serif !important;
}

#ornament-categories-container .ornament-category span {
    display: block;
    font-size: 16px;
    text-align: left;
    margin-bottom: 0px;
}

#ornament-categories-container .ornament-categories-container {
    color: #333333;
    text-align: left;
    padding: 15px 20px;
    margin-bottom: 5px;
    background: #DFE7F7 0% 0% no-repeat padding-box;
}

#ornament-categories-container .checkmark {
    top: 3px;
    width: 18px;
    height: 18px;
    border-color: #B7B7B7;
}

#ornament-categories-container .checkbox-container {
    height: unset;
    padding-left: 28px;
}

#ornament-categories-container .checkbox-container .checkmark:after {
    top: -3px;
    left: 3px;
    width: unset;
    content: "\2713";
    height: unset;
    border: unset;
    font-size: 14px;
    transform: unset;
    font-weight: 600;
}

#ornaments-container .ornaments-collapse-container .ornament-title {
    font-size: 20px;
    text-align: left;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 5px;
    text-transform: capitalize;
    border-bottom: 1px solid #ECECEC;
}

#ornaments-container .ornaments-collapse-container {
    margin-bottom: 40px;
}

#ornaments-container .ornaments-collapse-container .ornament-title span {
    color: #707070;
    font-size: 12px;
    font-weight: 400;
}

#ornaments-container .btn-subcat-ornament {
    color: #333333;
    cursor: pointer;
    font-size: 12px;
    margin-top: 0px;
    padding: 5px 16px;
    margin-right: 5px;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid #B7B7B7;
    transition: all 0.2s linear;
}

#ornaments-container .btn-subcat-ornament.active {
    color: #ffffff;
    background: #1E2E70;
    border: 1px solid #1E2E70;
}

#ornaments-container .subcat-col {
    padding: 0px;
    margin-bottom: 10px;
}

.single-ornament {
    display: none;
}

.single-ornament.active {
    display: flex;
}

.dobprefix-btn::after,
.dodprefix-btn::after {
    display: none;
}

#step2-right-sidebar .select.dobprefix-btn,
#step2-right-sidebar .select.dodprefix-btn {
    height: unset;
    min-width: unset;
    font-size: unset;
    padding: 10px 20px;
    border: 1px solid #DDDDDD;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #E8E8E8 100%) 0% 0% no-repeat padding-box;
}

.dobprefix-btn img,
.dodprefix-btn img {
    display: block;
    max-height: 15px;

}

.prefix-row {
    position: relative;
}

.prefix-divider {
    top: 24px;
    height: 40px;
    font-size: 27px;
    margin: 0px 10px;
    position: relative;
    display: inline-block;
}

.dob_prefix_dropdown,
.dod_prefix_dropdown {
    display: none !important;
}

#date-prefix-modal .modal-dialog {
    max-width: 600px;
}

#date-prefix-modal .modal-body {
    padding: 30px;
}

#date-prefix-modal h3 {
    font-size: 26px;
    text-align: center;
}

#inscriptionNameSample,
#inscriptionNameSample2,
#inscriptionNameSample3 {
   margin-top: 15px;
   position: relative;
   text-align: center;
}

#inscriptionNameSample2,
#inscriptionNameSample3 {
	color: #ffffff;
	margin-top: 0px;
}

#nameSampleDisplay {
    line-height: 1;
    color: #33333366;
}

/*#nameSampleDisplay2,
#dobSampleDisplay2,
#dodSampleDisplay2 {
	color: #ffffff
}*/

#dateSampleDisplay .date-dob,
#dateSampleDisplay .date-dod,
#dateSampleDisplay2 .date-dob,
#dateSampleDisplay2 .date-dod,
#dateSampleDisplay3 .date-dob,
#dateSampleDisplay3 .date-dod {
    line-height: 1;
    position: relative;
    display: inline-block;
    top: unset !important;
    left: unset !important;
}

#dobSampleDisplay2,
#dodSampleDisplay2,
#dobSampleDisplay3,
#dodSampleDisplay3 {
    position: absolute;
}

#dodSampleDisplay {
    position: relative;
    white-space: nowrap;
}

#dateSampleDisplay img,
#dateSampleDisplay2 img,
#dateSampleDisplay3 img,
#dateSampleDisplay span.letter-prefixes,
#dateSampleDisplay2 span.letter-prefixes,
#dateSampleDisplay3 span.letter-prefixes {
	/* top: 3.5px !important; */
    position: absolute;
}

#dateSampleDisplay span.letter-prefixes,
#dateSampleDisplay2 span.letter-prefixes,
#dateSampleDisplay3 span.letter-prefixes {
	top: 0px !important;;
	/* left: -17px; */
}

#dateSampleDisplay .date_right span.letter-prefixes,
#dateSampleDisplay2 .date_right span.letter-prefixes,
#dateSampleDisplay3 .date_right span.letter-prefixes {
	/* left: -23px; */
}

.prefix-box-container {
    margin-top: 20px;
}

.dob-prefix-box,
.dod-prefix-box {
    font-size: 0px;
}

.prefix-box {
	width: 85px;
	height: 85px;
    cursor: pointer;
    font-size: 20px;
    position: relative;
    background: #ffffff;
    text-align: center;
    padding: 25px 10px;
    vertical-align: top;
    display: inline-block;
    margin: auto!important;
    border: 1px solid #ECECEC;
    transition: all .2s linear;
}

.prefix-box i {
    border: none;
    padding: 0px;
    display: block;
    font-size: 30px;
}

.prefix-box span {
    display: block;
    font-size: 13px;
    position: relative;
}

.prefix-box img {
    display: inline-block;
}

.prefix-box.prefix-box-none {
    padding: 22px 10px 10px;
}

.prefix-box.active {
    border-color:#0D206D;
    background: #AFB6E029 0% 0% no-repeat padding-box;

}

.prefix-actions {
    margin-top: 40px;
    text-align: center;
}

.prefix-actions .btn {
    width: 120px;
    color: #293282;
    margin: 0px 10px;
    padding: 8px 20px;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid #293282;
}

.prefix-box img {
    max-height: 30px;
}

#dateSampleDisplay .border-bottom {
    height: 2px;
    position: absolute;
    background: #ffffff;
    border: none !important;
}

#dateSampleDisplay .date-dob,
#dateSampleDisplay .date-dod {
    cursor: pointer;
}

#dateSampleDisplay .date-dob.active .border-bottom,
#dateSampleDisplay .date-dod.active .border-bottom {
    background: #1C2B68;
}

.dob-prefix-box,
.dod-prefix-box {
    display: none;
}

.dob-prefix-box.active,
.dod-prefix-box.active {
    display: block;
}

.dobprefix-btn,
.dodprefix-btn {
    width: 50px;
    height: 40px !important;
    padding: 0px !important;
    text-align: center !important;
}

.dobprefix-btn img,
.dodprefix-btn img {
    margin: auto !important;
}

.dobprefix-btn i,
.dodprefix-btn i {
    padding: 0px;
    display: block;
    font-size: 18px;
}

#step1.container {
	max-width: 1300px;
}

#memoryWrap1 #memory1 {
    line-height: 1.2;
}

#step2-right-sidebar .prefix-col {
	-ms-flex: unset;
    flex: unset;
    margin: 0px;
    width: unset;
    max-width: unset;
    display: inline-block;
}

.mobile-names-header {
	display: none;
}

.mobile-qv-total-price {
	display: none;
}

#btn-save-share-stone-mobile {
	display: none;
}

#navigation .breadcrumb .step_menu img {
	display: none;
}

.inscriptionSampleMobile {
	display: none;
}

.pc-mobile {
	display: none;
}

#breadcrumb-progress {
	display: none;
}

.pc-slider-mobile {
	display: none;
}

.slick-list.draggable {
     display: block !important;
     position: relative !important;
     white-space: normal !important;
}

#tipBoxSlider {
    margin: auto;
    height: 140px;
    overflow: hidden;
    max-width: 228px;
    position: relative;
    background: #ffffff;
}

#tipBoxSlider .slide {
    opacity: 0;
    padding: 20px;
    min-width: 228px;
    max-width: 228px;
    min-height: 140px;
    max-height: 140px;
    outline: none !important;
    transition: all 0.1s linear;
    transition: opacity 200ms ease-in-out 100ms !important;
}

#tipBoxSlider .slide p {
    color: #293282;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
}

#tipBoxSlider .slide.slick-active,
#tipBoxSlider .slide.slick-current,
#tipBoxSlider .slide.slick-center {
    opacity: 1;
}

#tipBoxSlider .slick-arrow {
     display: none !important;
}

#tipBoxSlider .slick-dots {
     left: 0px;
     right: 0px;
     bottom: 10px;
     display: flex;
     list-style: none;
     padding-left: 0px;
     position: absolute;
     display: -ms-flexbox;
     -ms-flex-pack: center;
     justify-content: center;
}

#tipBoxSlider .slick-dots li {
     width: 30px;
     height: 3px;
     position: relative;
     -ms-flex: 0 1 auto;
     flex: 0 1 auto;
     cursor: pointer;
     margin-right: 3px;
     margin-left: 3px;
     text-indent: -999px;
     background-color: rgba(255,255,255,.5);
}

#tipBoxSlider .slick-dots li.slick-active {
    background-color: #5c6bc0;
}

#tipBoxSlider .slick-dots li {
    background-color: #afb6e0;
    transition: all .2s ease-in;
}

#navigation .col-breadcrumb {
	margin: 0px;
	text-align: center;
	flex: 0 0 740px;
    max-width: 740px;
}

#navigation .col-controls {
	padding: 0px;
	flex: 0 0 calc((100% - 740px)/2);
	max-width: calc((100% - 740px)/2);
}

#navigation .breadcrumb {
	text-align: center;
}

#ornament-categories-container .ornament-categories-container span.occ-desktop {
	display: inline-block;
}

#ornament-categories-container .ornament-categories-container span.occ-mobile {
	display: none;
}

#parent-frequent {
	display: none !important;
}

#ornaments-container .ornament-frequent {
	display: none;
}

.od-mobile-header {
	display: none;
}

#stone-types {
    position: relative;
}

#aura-picker,
#intra-picker {
	left: 0px;
    right: 0px;
    width: 170px;
    bottom: 105px;
    margin: auto;
    display: none;
    position: absolute;
    padding-left: 370px;
    justify-content: center;
}

#aura-picker.active,
#intra-picker.active {
	display: flex;
}

#aura-picker .aura-container,
#intra-picker .aura-container {
	z-index: 2;
    cursor: pointer;
    padding: 10px 20px;
    position: relative;
    display: inline-block;
    border: 1px solid #293282;
    background: #AFB6E029 0% 0% no-repeat padding-box;
}

#aura-picker .aura-container.aura-gold,
#intra-picker .aura-container.aura-gold {
    border-right: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#aura-picker .aura-container.aura-grey,
#intra-picker .aura-container.aura-grey {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#aura-picker .aura-container img,
#intra-picker .aura-container img {
    max-height: 70px;
    display: inline-block;
}

#aura-picker .aura-container.active input[type=checkbox],
#intra-picker .aura-container.active input[type=checkbox] {
    display: block;
    pointer-events: none;
}

#aura-picker .aura-container input[type=checkbox],
#intra-picker .aura-container input[type=checkbox] {
    top: 5px;
    left: 5px;
    z-index: 1;
    width: 36px;
    height: 36px;
    display: none;
    position: absolute;
    border-radius: 100%;
}

#aura-picker .aura-container input[type=checkbox]:checked:before,
#intra-picker .aura-container input[type=checkbox]:checked:before {
    top: 0px;
    left: -5px;
    padding: 3px 10px;
}

#aura-picker .aura-container input[type=checkbox],
#intra-picker .aura-container input[type=checkbox] {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #FFF;
    border: 1px solid #ccc;
    cursor: pointer;
    -webkit-appearance: none;
    min-width: 25px;
    padding: 7px;
}

#aura-picker .aura-container input[type=checkbox]:checked:before,
#intra-picker .aura-container input[type=checkbox]:checked:before {
    position: absolute;
    content: "✓";
    font-size: 18px;
    line-height: normal;
    color: #5caf5c;
    top: -3px;
}

#banner-slider .slide1.sv .right-div p:first-of-type {
    font-size: 1.5em;
}

#banner-slider .slide1.nl .right-div p:first-of-type {
	font-size: 1.5em;
}

#banner-slider .slide1.sv .right-div p:last-of-type {
    font-size: 2.7em;
}

#banner-slider .slide1.nl .right-div p:last-of-type {
	font-size: 2.7em;
}

.col-bottom-button {
	display: none;
}

.col-date-prefix {
	padding: 0px;
	flex: 0 0 60px;
	max-width: 60px;
}

.col-date-input {
	padding: 0px;
	flex: 0 0 calc(100% - 60px);
	max-width: calc(100% - 60px);
}

.sample-date-container {
	flex: 0 0 50%;
    margin-top: 30px;
    position: relative;
}

#dateSampleDisplay {
	display: flex;
}

.sample-date-inner {
    display: inline-block;
    border: 1px solid #293282;
    padding: 7px 15px 5px 35px;
    transition: all 0.1s linear;
}

.sample-date-inner.sample-left-inner {
    margin-left: auto;
    border-right: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.sample-date-inner.sample-right-inner {
    margin-right: auto;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#dateSampleDisplay .border-bottom {
	display: none;
}

.sample-date-inner.active {
	color: #ffffff;
	background: #293282;
}

.single-accessory-box {
    cursor: pointer;
    background: #fff;
    transition: all .1s linear;
    border: 1px solid #8080801c;
    padding: 25px 10px 40px!important;
}

.accessory-dimesion-width {
    left: 0px;
    width: 60%;
    top: 110px;
    margin-top: 20px;
    margin-left: 20%;
    position: absolute;
    text-align: center;
    transition: all 0.1s linear;
    border-bottom: 1px solid #8080808f;
}

.accessory-dimesion-width.small-heart {
	top: 90px;
	width: 50%;
	margin-left: 25%;
}

.accessory-dimesion-width .dimension-border-left {
	left: 0px;
	bottom: -8px;
	height: 15px;
	position: absolute;
	border-left: 1px solid #8080808f;
}

.accessory-dimesion-width .dimension-border-right {
	right: 0px;
	bottom: -8px;
	height: 15px;
	position: absolute;
	border-right: 1px solid #8080808f;
}

.accessory-dimesion-width .dimension-detail {
	bottom: -10px;
	font-size: 10px;
	padding: 0px 5px;
	color: #8080808f;
	position: relative;
	background-color: #ffffff;
}

.accessory-dimesion-height {
    top: 53px;
    left: 15px;
    height: 90px;
    display: flex;
    position: absolute;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    transition: all 0.1s linear;
    border-left: 1px solid #8080808f;
}

.accessory-dimesion-height.small-heart {
	top: 68px;
	left: 20px;
	height: 56px;
}

.accessory-dimesion-height .dimension-option {
    width: 200px;
    left: -135px;
    font-size: 13px;
    color: #8080808f;
    position: absolute;
    transform: rotate(-90deg);
}

.accessory-dimesion-height .dimension-detail {
    left: -12px;
    padding: 0px;
    font-size: 10px;
    margin-top: -5px;
    color: #8080808f;
    position: absolute;
    /*border-radius: 100%;*/
    background-color: #ffffff;
}

.accessory-dimesion-height.small-heart .dimension-detail {
	margin-top: 0px;
}

.accessory-dimesion-height .dimension-border-top {
    top: 0px;
    left: -8px;
    width: 15px;
    position: absolute;
    border-top: 1px solid #8080808f;
}

.accessory-dimesion-height .dimension-border-bottom {
    left: -8px;
    width: 15px;
    bottom: 0px;
    position: absolute;
    border-bottom: 1px solid #8080808f;
}

#oa-accessories-list .single-accessory img.small-heart {
	max-height: 50.6px
}

#accessories-types-container .accessories-first.container-lantern {
	top: unset;
	bottom: 115px;
}

.single-accessory-box input[type=checkbox]:checked:before,
#accessories-types-container .add-vase-con input[type=checkbox]:checked:before {
	display: none;
}

.accessory-counter,
.accessory-prod-counter {
	top: 10px;
	left: 13px;
	z-index: 1;
	color: #5caf5c;
	position: absolute;
}

.accessory-counter {
	top: 6px;
}

.ornament-detail-mobile {
	display: none;
}

#ornament-frequent {
	display: none;
}

#paymentPlanModal .body-slider {
	display: block
}

#paymentPlanModal .body-help {
	display: none;
}

#paymentPlanModal .modal-close,
#paymentPlanModal .modal-back {
    margin-left: 10px;
    border-radius: 0px;
    background: #092467;
    display: inline-block;
    border: 1px solid #092467;
}

#paymentPlanModal .modal-close {
	color: #092467;
	background: #ffffff;
}

.ui-loader.ui-corner-all.ui-loader-default.ui-body-a {
	display: none;
}

#nct-mobile-help,
#nct-payment-calculator-trigger,
#headstone-details-low #btn-save-share-stone-mobile {
	display: none;
}

.no-drag-text {
	display: none;
}

.ui-page.ui-page-theme-a.ui-page-active {
	outline: none;
}

#nav-links-container {
	top: 0px;
	z-index: 1;
	position: relative;
}

.tl-hidden {
	display: none !important;
}

.error-msg {
    display: none;
    color: #dc3545;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: -5px;
}

#accessories-list .single-accessory.disabled {
	cursor: none;
	opacity: 0.6;
	background: #fafafa;
}

#oa-accessories-list .single-accessory .img-container.porcelain {
	margin-bottom: 25px;
}

.accessory-dimesion-width.porcelain {
	top: 122px;
}

.accessory-dimesion-height.porcelain {
	top: 53px;
    left: 11px;
}

.porcelain-box {
	margin-top: 10px;
	border: 1px solid #dddddd;
}

.porcelain-box .added-accessory-option-container {
	border: none;
    margin-top: 0px;
}

.accessories-table tr {
	height: auto !important;
}

.confirm-actions {
	padding-top: 40px;
}

.confirm-actions .btn {
	color: #293282;
	margin: 0px 10px;
	padding: 8px 20px;
	text-align: center;
	border-radius: 4px;
	display: inline-block;
	border: 1px solid #293282;
}

.confirm-actions .btn.delete_porcelain {
	color: #ffffff;
	background: #293282;
}

#ConfirmRemoveModal h5 {
	top: 30px;
	position: relative;
	margin-bottom: 30px;
}

.chosen-photos {
    padding: 20px 0px;
    text-align: center;
    /*min-height: 150px;*/
}

.chosen-photos img,
.chosen-photos img {
    max-width: 100%;
    display: inline-block;
}

.chosen-photos.single img {
    display: block;
    max-width: 100%;
    max-height: 400px;
    margin-bottom: 0px;
}

.chosen-preview {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.file-inputs input,
.choosing-temp-clone input {
    display: none;
}

.preview-image-container {
	width: 100%;
	max-width: 380px;
    position: relative;
    display: inline-block;
    border: 2px dashed #DDDDDD;
}

.chosen-preview .preview-image-container {
    margin: 0px;
    width: unset;
    flex: 0 0 25%;
    padding: 10px;
    max-width: 25%;
    display: block;
}

.remove-image {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 40px;
    bottom: 0px;
    z-index: 10;
    margin: auto;
    height: 40px;
    display: block;
    cursor: pointer;
    position: absolute;
    background: #ffffff;
    border: 2px solid #979797;
}

.remove-image i {
    padding: 0px;
    font-size: 35px;
    color: #979797;
    border: none !important;
}

.remove-image span {
    top: 13px;
    right: 1px;
    width: 25px;
    position: absolute;
    border-top: 2px solid #979797;
}

.remove-image span:first-of-type {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.remove-image span:last-of-type {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.img-preview-clone {
    display: none;
}

.chosen-photos .loading-spinner-container {
    display: none;
    color: #1c2b68;
    font-size: 120px;
    text-align: center;
}

.chosen-photos.active .loading-spinner-container {
    display: block;
}

.chosen-photos.active .preview-image-container {
    display: none !important;
}

.select-photos {
    cursor: pointer;
    font-size: 16px;
    margin-top: 15px;
    padding: 5px 15px;
    border-radius: 5px;
    background: #ffffff;
    display: inline-block;
    border: 1px solid #1C2B68;
}

.select-photos img {
    top: -1px;
    margin-right: 2px;
    position: relative;
    display: inline-block;
}

.select-photos span {
    color: #1C2B68;
    display: inline-block;
}

.uploader-section p {
    color: #373A3C;
    font-size: 16px;
    margin-bottom: 5px;
}

.uploader-section p:first-of-type {
	font-size: 16px;
    font-weight: 400;
}

.uploader-section p:first-of-type span {
	color: #293282;
}

#img-preview-clone {
    display: none;
}

.file-uploader {
	width: 100%;
    margin: auto;
    cursor: pointer;
    max-width: 380px;
    padding: 50px 0px;
    text-align: center;
    background: #ffffff;
    vertical-align: top;
    display: inline-block;
    border: 2px dashed #DDDDDD;
}

.file-uploader .upload-icon,
.canvas-container .upload-icon {
    color: #1c2b68;
    display: block;
    font-size: 86px;
}

.file-uploader .loading-spinner-container {
    display: none;
    color: #1c2b68;
    font-size: 86px;
}

.file-uploader .file-uploader-text {
    font-weight: 400;
    margin-bottom: 0px;
}

.file-uploader.uploading .upload-icon {
    display: none;
}

.file-uploader.uploading .loading-spinner-container {
    display: block;
}



.porcelain-actions {
	padding-top: 20px;
}

.porcelain-actions .btn {
	width: 170px;
	color: #293282;
	margin: 0px 10px;
	padding: 8px 20px;
	text-align: center;
	border-radius: 4px;
	display: inline-block;
	border: 1px solid #293282;
}

.porcelain-actions .porcelain-filteractions .btn {
	width: auto;
	padding: 8px 12px;
}

.porcelain-actions .porcelain-filteractions {
	width: 100%;
	padding: 0px 0px 20px;
}

.porcelain-actions .btn.delete_porcelain {
	color: #ffffff;
	background: #293282;
}

.porcelain-actions .apply-crop {
	width: 170px;
	color: #ffffff;
	background-color: #293282;
}

.porcelain-actions .apply-crop .icon-loading {
	display: none;
	margin-right: 5px;
}

#AddPorcelainImage .modal-body,
#AddLaserEtch .modal-body {
	padding: 40px;
}

#AddPorcelainImage .step1-porcelain h5,
#AddLaserEtch .step1-porcelain h5 {
	margin: auto;
	color: #333333;
	font-size: 24px;
	font-weight: 700;
	max-width: 300px;
	margin-bottom: 20px;
}

#AddPorcelainImage .step1-porcelain p,
#AddLaserEtch .step1-porcelain p {
	color: #333333;
	font-size: 16px;
	font-weight: 400;
}

#AddPorcelainImage .porcelain-step,
#AddLaserEtch .porcelain-step {
	display: none;
}

#AddPorcelainImage .porcelain-step.active,
#AddLaserEtch .porcelain-step.active {
	display: block;
}

#AddPorcelainImage .step2-porcelain h5,
#AddLaserEtch .step2-porcelain h5 {
	color: #333333;
	font-size: 24px;
	margin-bottom: 20px;
}

#AddPorcelainImage .step2-porcelain p.desc,
#AddLaserEtch .step2-porcelain p.desc {
	color: #333333;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}

#AddPorcelainImage .step2-porcelain .extra-details p,
#AddLaserEtch .step2-porcelain .extra-details p {
	margin-bottom: 20px;
}

#AddPorcelainImage .step2-porcelain .extra-details p:last-of-type,
#AddLaserEtch .step2-porcelain .extra-details p:last-of-type {
	margin: auto;
	max-width: 450px;
}

#AddPorcelainImage .step2-porcelain .extra-details .file-types,
#AddLaserEtch .step2-porcelain .extra-details .file-types {
	justify-content: center;
	margin-bottom: 20px !important;
}

#AddPorcelainImage .step2-porcelain .extra-details .file-types span,
#AddLaserEtch .step2-porcelain .extra-details .file-types span {
	padding: 5px;
	display: block;
	flex: 0 0 50px;
    font-size: 12px;
    border: 1px solid #DDDDDD;
}

#editor_container label {
	margin: 0px !important;
}

.porcelain-image-controller img {
	cursor: pointer;
}

.step3-porcelain .porcelain-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.step3-porcelain .porcelain-actions .btn {
	margin: 10px 5px;
}

.step3-porcelain .original-image,
.step3-porcelain .new-image,
.step3-porcelain .remove-porcelain-image  {
	display: none;
}

.canvas-container,
.canvas-container2  {
	position: relative;
}

.icon-text {
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	height: 150px;
	position: absolute;
}

.header-porcelain-actions {
	margin-top: -30px;
}

.header-porcelain-actions .container {
	padding: 0px;
}

.header-porcelain-actions .col-header {
	padding: 10px 0px;
}

.header-porcelain-actions .close-modal {
	width: 30px;
	padding: 0px;
    height: 30px;
    position: relative;
}

.header-porcelain-actions .close-modal span:first-of-type {
	top: 13px;
	left: 0px;
	width: 30px;
	height: 2px;
	background: #333;
	position: absolute;
	display: inline-block;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.header-porcelain-actions .close-modal span:last-of-type {
	top: 13px;
	left: 0px;
	width: 30px;
	height: 2px;
	background: #333;
	position: absolute;
	display: inline-block;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.header-porcelain-actions .col-header-icon {
	display: flex;
	position: relative;
}

.header-porcelain-actions .action-icon  {
	height: 25px;
	flex: 0 0 50px;
	cursor: pointer;
	max-width: 50px;
	position: relative;
}

.header-porcelain-actions .action-icon i {
	top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
	border: none;
	padding: 0px;
    margin: auto;
    height: 25px;
    font-size: 25px;
    position: absolute;
}

.canvas-container.sepia .cropper-crop-box {
	filter: sepia(1);
}

.canvas-container.greyscale .cropper-crop-box {
	filter: grayscale(1);
}

.canvas-container.none .cropper-crop-box {
	filter: none;
}

/* Limit image width to avoid overflow the container */
#AddPorcelainImage img {
    max-width: 100%; /* This rule is very important, please do not ignore this! */
}

#canvas,
#canvas2 {
    width: 100%;
    cursor: pointer;
    max-height: 60vh;
    background-color: #ffffff;
    border: 2px dashed #DDDDDD;
}

.canvas-container.ellipse .cropper-view-box,
.canvas-container.ellipse .cropper-face {
    border-radius: 50%;
}

.porcelain-frame-image {
    top: -3px;
    left: -1px; 
    height: 69px;
    position: absolute;
}

.porcelain-frame-image.porcelain-frame-image2 {
    top: -5px;
    left: -1px;
    height: 72px;
    position: absolute;
}

#order-form-sidebar .porcelain-frame-image,
#price-details-container .porcelain-frame-image,
#summary-table-container-mobile .porcelain-frame-image {
    display: none !important;
}

#order-form-sidebar tr,
#price-details-container tr,
#summary-table-container-mobile tr {
	height: unset !important;
}

#accessories-container .col-choice-sidebar {
	flex: 0 0 200px;
	max-width: 200px;
}

#accessories-container .col-accessory-content {
	flex: 0 0 calc(100% - 400px);
    max-width: calc(100% - 400px);
}

#accessories-container .row-accessories {
	padding: 0px 50px;
}
	
#accessories-container .label-name {
	font-weight: 700;
	font-style: italic;
	font-size: 20px !important;
    font-family: 'Libre Baskerville',serif;
}

#accessories-container .label-desc {
	margin: 7px 0px !important;
}

#accessories-container .label-dimension {
	color: #666666;
    font-size: 14px;
	margin: 7px 0px !important;
}

#accessories-container .label-price {
	font-weight: 700;
	font-style: italic;
	font-size: 16px !important;
    font-family: 'Libre Baskerville',serif;
}

#accessories-container .col-superscript {
	margin-top: 20px;
	text-align: left;
}

#accessories-container .col-superscript p {
	color: #333333;
	font-size: 14px;
	margin-bottom: 10px;
}

#accessories-container .cac-inner-container {
	/*min-height: 590px;*/
}

#accessories-list #porcelain-frame-row .single-accessory {
	flex: 0 0 25%;
	max-width: 25%;
}

.added-accessory-option-container .ornament_adjustor {
	display: none;
}

#LaserEtchDisclaimer .modal-body {
	padding: 20px
}

#LaserEtchDisclaimer h3 {
	font-size: 30px;
	margin-bottom: 20px;
}

#LaserEtchDisclaimer p {
	margin-bottom: 15px;
}

#LaserEtchDisclaimer p:first-of-type {
	font-weight: 700;
}

#LaserEtchDisclaimer img {
	max-width: 100%;
}

#LaserEtchDisclaimer .modal-close {
	width: 170px;
	margin: 20px;
    color: #293282;
    padding: 8px 20px;
    text-align: center;
    border-radius: 4px;
    background: #ffffff;
    display: inline-block;
    border: 1px solid #293282;
}

#headstone-details-low .headstone-details.bedplate-details {
	display: none;
	position: relative;
}

#BedtypeNotice .modal-body {
	padding: 30px;
	text-align: center;
}

#BedtypeNotice h3 {
	font-size: 26px;
}

#BedtypeNotice img {
	width: auto;
	display: block;
	max-width: 80%;
	margin: 30px auto;
}

#BedtypeNotice p {
	text-align: left;
	margin: 0px 0px 30px;
}

#BedtypeNotice .btn {
	color: #1c2b68;
    font-size: 18px;
    text-align: right;
    margin-left: 10px;
    padding: 8px 30px;
    position: relative;
    display: inline-block;
    border-color: #1c2b68;
}

.range-main-container {
    display: flex;
    flex-wrap: wrap;
}

.range-main-container .range-container {
    flex: 0 0 calc(100% - 60px);
    max-width: calc(100% - 60px);
}

.range-main-container .ornament-dimension {
    margin: auto;
    flex: 0 0 60px;
    max-width: 60px;
    padding-top: 10px;
}

.ornament-dimension {
    color: #bfd2f0;
    font-size: 20px;
    margin-left: 0px;
}

.ornament-size-slider-container .rangeslider--horizontal {
    width: 195px;
}

body {
	overflow-x: hidden;
	margin-bottom: 0px !important;
}

#inscriptionNameLater1,
#inscriptionNameLater2 {
	z-index: 2;
	position: relative;
}

@media (min-width: 1701px){
	#banner-slider .slide1 .left-div {
	    flex: 0 0 438px;
	    max-width: 438px;
	}

	#banner-slider .slide1 .right-div {
	    flex: 0 0 calc(100% - 438px);
	    max-width: calc(100% - 438px);
	}
}

@media (min-width: 1291px) and (max-width: 1550px){
	#step-container-b .compose-headstone {
	    margin-left: -40px;
	    margin-right: 40px;
	}

	#step-b-left-sidebar {
	    z-index: 10;
	}
}

@media (max-width: 1470px){
}

@media (max-width: 1400px){
	.step2-dropdown-col {
		flex: 50%;
		margin-right: 10px;
		max-width: 80px !important;
	}

	.ornament-size-slider-container .rangeslider--horizontal {
		width: 190px;
	}
}

@media (max-width: 1180px){
	.range-container .ui-slider-horizontal {
		margin: 0px;
	}
}

@media (min-width: 970px) {
	#Wrap_mobile_apology_message {
	    display: none;
	}

	.step1-header {
		display: none;
	}

	#composer-tool-header {
		display: none;
	}

	#banner-modal {
		display: none !important;
	}

	#steps-modal-trigger {
		display: none;
	}
}

@media (max-width: 1200px){
	#banner-slider .container {
		padding: 0px;
		max-width: 970px;
	}

	#banner-slider .slide1 .left-div img {
		max-height: 280px;
	}

	#banner-slider .slide1 .right-div p:first-of-type {
	    font-size: 20px;
	    line-height: 12px;
	    margin-bottom: 0;
	}

	#banner-slider .slide1 .right-div p:last-of-type {
	    font-size: 38px;
	    font-weight: 600;
	    margin-bottom: 0;
	    margin-right: -20px;
	}

	.m-inline-block {
		display: inline-block;
	}

	#banner-slider .slide1 .right-div {
		margin-left: -30px;
	}

	#banner-slider .slide {
	    height: 280px;
	}

	#banner-slider .slide2 .left-div img {
		max-height: 280px;
	}

	#banner-slider .slide2 .number-p {
	    top: -28px;
	    left: -50px;
	    font-size: 100px;
	}

	#banner-slider .slide2 .right-div {
	    margin-left: -10px;
	}

	#banner-slider .slide2 .right-div p:first-of-type {
		font-size: 40px;
	}

	#banner-slider .slide2 .right-div p:last-of-type {
	    font-size: 20px;
	}

	#banner-slider .slide3 .number-p {
		top: -28px;
		left: -10px;
		font-size: 100px;
	}

	#banner-slider .slide3 .right-div {
	    left: -5px;
	}

	#banner-slider .slide3 .right-div p:first-of-type {
		font-size: 40px;
	}

	#banner-slider .slide3 .right-div p:last-of-type {
	    font-size: 20px;
	}

	#banner-slider .slide3 .left-div {
	    margin: auto 0 auto 40px;
	}
}

@media (min-width: 1251px){
	#tipbox-toggler {
		display: none !important;
	}
}

@media (max-width: 1290px) {
	#step-container-b {
		overflow-x: hidden;
	}

	#step-container-b .compose-headstone .headstone-img {
		/*margin: 0px !important;
		display: block !important;*/
	}

	#step-b-left-sidebar {
		position: absolute;
	}

	#step-b-left-sidebar .headstone-details,
	#step-b-left-sidebar .headstone-details .headstone_name,
	#step-b-left-sidebar .headstone-details .size_attr_contianer,
	#step-b-left-sidebar .headstone-details .headstone_price_container,
	#step-b-left-sidebar .btn-other-function {
		display: none;
	}

	#step2-right-sidebar,
	#step3-right-sidebar,
	#step4-right-sidebar {
	    /*top: 0px;
	    padding: 20px;
	    min-width: 320px;
	    position: absolute;
	    background-color: white;
	    right: -200px !important;
	    transition: all 0.2s linear;
	    border-top: 2px solid #1e2e6f;
	    border-left: 2px solid #1e2e6f;
	    border-bottom: 2px solid #1e2e6f;*/
	}

	#sidebar-container.active #step2-right-sidebar,
	#sidebar-container.active #step3-right-sidebar,
	#sidebar-container.active #step4-right-sidebar {
		right: 0px !important;
	}

	#step-b-left-sidebar.active .step-b-inner {
		left: 0px !important;
	}

	.sidebar-toggle {
		top: -50px;
	    right: 82px;
	    display: none;
	    color: #1e2e6f;
	    cursor: pointer;
	    font-size: 28px;
	    position: absolute;
	    transition: all 0.2s linear;
	}

	.sidebar-toggle-left {
		top: -50px;
	    left: 82px;
	    color: #1e2e6f;
	    display: none;
	    cursor: pointer;
	    font-size: 28px;
	    position: absolute;
	    transition: all 0.2s linear;
	}

	.sidebar-toggle.active {
		right: 280px;
	}

	.sidebar-toggle-left.active {
		left: 245px;
	}

	#step-b-left-sidebar .step-b-inner {
		z-index: 2;
	}

	#step-container-b .compose-headstone {
		flex: 0 0 66.67%;
	    max-width: 66.67%;
	}

	#step1 {
		padding: 0px 5px;
		max-width: 992px;
	}

	#step1 .headstone-img img {
		max-height: 160px;
	}

	#sidebar-container {
		flex: 33.33%;
		max-width: 33.33%;
	}

	#headstone-details-low {
		display: block;
		margin-top: 20px;
		text-align: left;
		padding-left: 20px;
	}

	#headstone-details-low .other-functions {
		max-width: 250px;
	}

	#headstone-details-low .headstone-details {
		padding-top: 20px;
	}

	#headstone-details-low .headstone-details .headstone_name {
		margin-bottom: 10px;
		text-transform: capitalize;
	}

	#headstone-details-low .headstone-details .size_attr_contianer {
		margin-bottom: 10px;
	}

	#headstone-details-low .headstone-details .headstone_price_container {
		margin-bottom: 15px;
	}

	#headstone-details-low .btn-other-function {
		top: -4px;
		color: #1e2e6f;
		font-size: 13px;
		padding: 9px 20px;
		position: relative;
		border-radius: 5px;
		margin-bottom: 10px;
		display: inline-block;
		border: 1px solid #1e2e6f;
		background-color: #ffffff;
		transition: all 0.2s ease-in;
	}

	#headstone-details-low .btn-other-function:hover {
		/*color: #ffffff;
		background-color: #1e2e6f;*/
	}

	#headstone-details-low .btn-other-function i {
		padding: 0px;
	}

	#sidebar-container .stepb-right-sidebar {
		/*height: 800px;
	    overflow-y: scroll;
	    background: #ffffff;
	    -ms-overflow-style: none;*/
	}

	#compose-headstone-inner {
		padding-top: 0px;
	}

	#sidebar-container .stepb-right-sidebar::-webkit-scrollbar {
	    display: none;
	}

	#tipBox {
		top: 0px;
		left: 0px;
		display: block;
		min-width: 230px;
		position: absolute;
	}

	#tipbox-toggler {
		top: 0px;
		color: #1e2e6f;
	    font-size: 13px;
	    padding: 9px 20px;
	    position: absolute;
	    border-radius: 5px;
	    margin-bottom: 10px;
	    background-color: #fff;
	    display: none !important;
	    border: 1px solid #1e2e6f;
	    transition: all .2s ease-in;
	}

	#col-headstone-container {
		padding-left: 0px;
	}

	.ornament-size-slider-container .rangeslider--horizontal {
		width: 185px;
	}

	#headstone-details-low {
	    display: flex;
	}

	#headstone-details-low .other-functions {
	    padding-top: 20px;
	    margin-left: auto;
	}

	#step-container-b {
	    padding: 50px 0 0;
	}

	#step-container-b .compose-headstone {
	    margin-top: 0px;
	}

	#step-b-left-sidebar {
	    padding-left: 20px;
	}

	#headstone-details-low .headstone-details .headstone_name {
	    display: inline-block;
	}

	#compose-headstone-sub {
	    padding-top: 10px;
	}

	.headstone-info-low,
	.base-info-low {
	    top: -4px;
	    width: 30px;
	    color: #ffffff;
	    cursor: pointer;
	    font-size: 20px;
	    margin-left: 13px;
	    position: relative;
	    text-align: center;
	    border-radius: 100%;
	    display: inline-block;
	    background-color: #1e2e6f;
	}

	#headstone-details-low .caret-top::after {
	    top: -8px;
	    left: 50px;
	    content: "";
	    padding: 7px;
	    background: #fff;
	    position: absolute;
	    border: 1px solid #ced4da;
	    transform: rotate(45deg);
	    border-width: 0 1px 1px 0;
	    transition: all .1s linear;
	    transform: rotate(-135deg);
	    -webkit-transform: rotate(-135deg);
	}

	#headstone-details-low .headstone-details .size_attr_contianer {
	    top: 70px;
	    left: 72px;
	    z-index: 100;
	    padding: 10px;
	    display: none;
	    border-radius: 0;
	    position: absolute;
	    background: #ffffff;
	    border: 1px solid #ced4da;
	    box-shadow: 0 0 8px #00000029;
	}
}

@media (max-width: 1350px) {
	#col-headstone-container {
		padding-left: 0px;
	}
}

@media (max-width: 1300px) {
	#step-container-c .container {
		max-width: 100%;
	}

	#orderForm {
		padding: 25px 0px 50px;
	}
}

@media (min-width: 992px){
	#gravestone-clone {
		left: 0px !important;
	}
}

@media (min-width: 993px) and (max-width: 1007px) {
	body {
		overflow-x: hidden;
	}
}

@media (min-width: 830px) and (max-width: 991px) {
	#step5-banner .container {
		max-width: 100%;
	}

	#navigation .step_menu {
		margin-left: 0px;
	    margin-right: 15px;
	    padding: 5px 15px 5px 22px;
	}

	#navigation .breadcrumb .step_menu:before {
	    top: 9px;
        left: 5px;
        width: 12px;
        height: 12px;
        font-size: 11px;
        line-height: 11px;
	}

	#navigation .breadcrumb .step_menu:after {
	    top: 0;
	    z-index: 1;
	    content: "";
	    width: 29px;
	    right: -12px;
	    height: 29px;
	}

	#navigation .col-prev-step {
		padding-right: 5px;
		text-align: right !important;
	}

	#navigation .col-next-step {
		padding-right: 5px;
		text-align: left !important;
	}

	#step5-banner {
		padding: 20px 0px;
	}

	#composer_nav .container-fluid {
		padding: 0px;
	}

	#composer_nav .btn-next-prev {
		padding: 6px 10px;
	}

	#step1 {
		max-width: 100%;
	}

	#step-container-c .container {
		max-width: 100%;
	}

	#orderForm {
	    padding: 25px 15px 50px;
	}

	#price-details-container .container {
		max-width: 100%;
	}

	#gravestone-order-details {
		height: unset;
	}

	.preview-details {
		padding-top: 20px;
		text-align: center;
	}

	#orderForm .form-row .label {
		font-size: 13px;
	}

	#order-form-sidebar {
		padding-left: 0px;
	}

	#step1 .headstone-img img {
		max-height: 170px;
	}

	#gravestone-clone {
		left: unset !important;
		width: unset !important;
		transform-origin: top center;
	}

	#ornaments-container .container {
	    max-width: 100%;
	}
}

@media (max-width: 1700px) {
    #banner-slider .slide {
        height: 18em;
    }

    #banner-slider .slide1 .left-div img {
        height: 100%;
        width: unset;
        max-width: unset;
    }

    #banner-slider .slide .container {
        max-width: 100%;
    }

    #banner-slider .slide1 .left-div {
        height: 100%;
    }

    #banner-slider .slide1 .right-div p:first-of-type {
        font-size: 1.3em;
       	line-height: 1.2;
    }

    #banner-slider .slide1 .right-div p:last-of-type {
    	line-height: 1;
        font-size: 2.8em;
    }

    #banner-slider .slide2 .container {
        max-width: 100%
    }

    #banner-slider .slide2 .left-div {
        height: 100%;
    }

    #banner-slider .slide2 .left-div img {
        height: 100%;
    }

    #banner-slider .slide2 .number-p {
        font-size: 7em;
    }

    #banner-slider .slide2 .right-div p:first-of-type {
        font-size: 2.8em;
        line-height: 1.3;
    }

    #banner-slider .slide2 .right-div p:last-of-type{
        font-size: 1.3em;
        line-height: 1.8;
    }

    #banner-slider .slide3 .container {
        max-width: 100%;
    }

    #banner-slider .slide3 .left-div img {
        display: block;
        height: 210px !important;
    }

    #banner-slider .slide3 .number-p {
        left: -10px;
        font-size: 7em;
    }

    #banner-slider .slide3 .right-div p:first-of-type {
        font-size: 2.5em;
        line-height: 1.3;
    }

    #banner-slider .slide3 .right-div p:last-of-type {
        font-size: 1.2em;
        line-height: 1.8;
    }

    #banner-slider .slide3 .left-div {
    	margin: auto 0 auto 40px;
    }
}

@media (max-width: 1500px) {
    #banner-slider .slide {
        height: 13em;
    }

    #banner-slider .slide1 .left-div img {
        height: 100%;
        width: unset;
        max-width: unset;
    }

    #banner-slider .slide .container {
        max-width: 100%;
    }

    #banner-slider .slide1 .left-div {
        height: 100%;
    }

    #banner-slider .slide1 .right-div p:first-of-type {
        line-height: 1.5;
        font-size: 1.2em;
    }

    #banner-slider .slide1 .right-div p:last-of-type {
        line-height: 1.5;
        font-size: 2.2em;
    }

    #banner-slider .slide2 .container {
        max-width: 100%
    }

    #banner-slider .slide2 .left-div {
        height: 100%;
    }

    #banner-slider .slide2 .left-div img {
        height: 100%;
    }

    #banner-slider .slide2 .number-p {
        font-size: 6.5em;
    }

    #banner-slider .slide2 .right-div p:first-of-type {
        font-size: 2.1em;
        line-height: 1.5;
    }

    #banner-slider .slide2 .right-div p:last-of-type{
        font-size: 1.1em;
        line-height: 1.5;
    }

    #banner-slider .slide3 .container {
        max-width: 100%
    }

    #banner-slider .slide3 .left-div {
    	margin: auto 40px;
    }

    #banner-slider .slide3 .left-div img {
        display: block;
        height: 150px !important;
    }

    #banner-slider .slide3 .number-p {
        left: -10px;
        font-size: 6.5em;
    }

    #banner-slider .slide3 .right-div p:first-of-type {
        font-size: 2em;
        line-height: 2;
    }

    #banner-slider .slide3 .right-div p:last-of-type {
        font-size: 1.1em;
        line-height: 1.8;
    }

    .inscription-size-slider-container .rangeslider--horizontal {
    	width: 180px;
    }

    #step1.container {
    	max-width: 1300px;
    }
}

@media (max-width: 1300px) {
    #banner-slider .slide {
        height: 13.5em;
    }

    #banner-slider .slide1 .container {
        max-width: 100%;
    }

    #banner-slider .slide1 .left-div img {
        height: 100%;
        width: unset;
        max-width: unset;
    }

    #banner-slider .slide .container {
        max-width: 100%;
    }

    #banner-slider .slide1 .left-div {
        height: 100%;
    }

    #banner-slider .slide1 .right-div p:first-of-type {
        line-height: 1.5;
        font-size: 1.2em;
    }

    #banner-slider .slide1 .right-div p:last-of-type {
        line-height: 1.5;
        font-size: 2.2em;
    }

    #banner-slider .slide2 .container {
        max-width: 100%
    }

    #banner-slider .slide2 .left-div {
        height: 100%;
    }

    #banner-slider .slide2 .left-div img {
        height: 100%;
    }

    #banner-slider .slide2 .number-p {
        font-size: 6em;
    }

    #banner-slider .slide2 .right-div p:first-of-type {
        font-size: 2.1em;
        line-height: 1.5;
    }

    #banner-slider .slide2 .right-div p:last-of-type{
        font-size: 1.1em;
        line-height: 1.5;
    }

    #banner-slider .slide3 .container {
        max-width: 100%;
    }

    #banner-slider .slide3 .left-div img {
        display: block;
        height: 150px !important;
    }

    #banner-slider .slide3 .number-p {
        left: -10px;
        font-size: 6em;
    }

    #banner-slider .slide3 .right-div p:first-of-type {
        font-size: 2em;
        line-height: 2;
    }

    #banner-slider .slide3 .right-div p:last-of-type {
        font-size: 1.1em;
        line-height: 1.8;
    }

    #step1.container {
    	max-width: 1250px;
    }

    .inscription-size-slider-container .rangeslider--horizontal {
    	width: 165px;
    }
}

@media (max-width: 1000px) {
	.inscription-size-slider-container .rangeslider--horizontal {
	    width: 150px;
	}
}

@media (max-width: 1199px) {
	#step5-banner p br {
		display: none;
	}
}

@media (max-width: 767px) {
	.intercom-lightweight-app-launcher,
	.intercom-lightweight-app {
		z-index: 10000 !important;
	}
}

@media (max-height: 660px){
	.ornaments-close-top,
	.accessories-close-top {
		display: block;
	}
}

@media (min-width: 970px) and (max-width: 991px) {
	#col-step5-form {
		flex: 0 0 66.67%;
    	max-width: 66.67%;
	}

	#order-form-col {
		flex: 0 0 33.33%;
    	max-width: 33.33%;
	}
}

@media (min-width: 970px) {
	.previewContainer {
		display: none;
	}
}

@media (max-width: 969px) {
	.phpdebugbar,
	.intercom-lightweight-app-launcher.intercom-launcher,
	#step5-banner,
	#step-container-b,
	#step-container-c {
		display: none;
		/*display: block;*/
	}

	#banner-section {
		display: none !important;
	}

	#composer_nav {
		display: none;
	}

	#Wrap_mobile_apology_message {
	    /*display: block;*/
	    display: none;
	}

	.step1-header {
		display: block;
		font-size: 18px;
	}

	#step1 {
		padding: 0px;
	}

	#step1 .headstone-img {
		height: 200px;
		max-height: 200px;
	}

	#composer-tool-header {
		color: #333;
		display: block;
		font-size: 18px;
		padding: 5px 0px;
		text-align: center;
		background-color: #bbbbbb;
	}

	#banner-modal {
		z-index: 10000;
	}

	#banner-modal .modal-content {
	    height: 550px;
	    overflow: hidden;
	    min-height: 550px;
	    max-height: 550px;
	}

	#banner-modal .modal-dialog {
	    margin: auto;
	    max-width: 90%;
	}

	#banner-section2 {
	    height: 100%;
	}

	#banner-slider2 {
	    margin: 0px;
	    padding: 0px;
	    height: 100%;
	    overflow: hidden;
	    list-style: none;
	    border-radius: 5px;
	    transition: all 0.2s linear;
	}

	#banner-slider2 .slide {
	    position: relative;
	    font-family: Open Sans;
	}

	#banner-slider2 .slide .container, #banner-slider2 .slide .row, #banner-slider2 .slide {
	    height: 100%;
	    display: block;
	}

	#banner-slider2 .slide .container {
	    padding: 20px;
	}

	#banner-slider2 .slide.active {
	    /*display: block;*/
	}

	#banner-slider2 li {
	    width: 100%;
	    display: block;
	    text-align: center;
	}

	#banner-slider2 .bullet-controller {
	    z-index: 2;
	}

	#banner-slider2 .slide1 {
	    background-color:#E3E3E3;
	    background: transparent linear-gradient(180deg, #FFFFFF 0%, #E3E3E3 100%) 0% 0% no-repeat padding-box;
	}

	#banner-slider2 .slide2 {
	    background-color:#E3E3E3;
	    background: transparent linear-gradient(180deg, #FFFFFF 0%, #E3E3E3 100%) 0% 0% no-repeat padding-box;
	}

	#banner-slider2 .slide3 {
	    background-color:#E3E3E3;
	    background: transparent linear-gradient(180deg, #FFFFFF 0%, #E3E3E3 100%) 0% 0% no-repeat padding-box;
	}

	#banner-slider2 .slide4 {
	    background-color:#ffffff;
	    background: #FFFFFF 0% 0% no-repeat padding-box;
	}

	#banner-slider2 .slide2 .container {
	    top: -25px;
	    position: relative;
	}

	#banner-slider2 .slide3 .container {
	    top: -25px;
	    position: relative;
	}

	#banner-slider2 .slide4 .container {
	    top: -10px;
	    padding: 0px;
	    position: relative;
	}

	#banner-slider2 .slide4 .container .row {
	    display: block;
	}

	#banner-slider2 .slide1 .img-div {
	    left: 0px;
	    right: 0px;
	    width: 100%;
	    bottom: 0px;
	    display: block;
	    position: absolute;
	}

	#banner-slider2 .slide1 .img-div img {
		width: 100%;
		margin: auto;
		display: block;
		max-width: 400px;
	}

	#banner-slider2 .slide2 .img-div img {
	    margin: auto;
	    display: block;
	    margin-top: 10px;
	    max-height: 150px;
	}

	#banner-slider2 .slide3 .img-div img {
	    margin: auto;
	    height: 120px;
	    display: block;
	    padding-top: 10px;
	}

	#banner-slider2 .slide4 .img-div img {
	    left: 0;
	    right: 0;
	    width: 100%;
	    margin: auto;
	    bottom: -10px;
	    display: block;
	    max-width: 400px;
	    position: absolute;
	}

	#banner-slider2 .slide2 .img-div {
	    width: 100%;
	    text-align: center;
	}

	#banner-slider2 .slide3 .img-div {
	    width: 100%;
	    text-align: center;
	}

	#banner-slider2 .slide4 .img-div {
	    width: 100%;
	    text-align: center;
	}

	#banner-slider2 .slide3 .img-div {

	}

	#banner-slider2 .slide4 .img-div {

	}

	#banner-slider2 .slide2 .number-p {
	    margin: auto;
	    color: #8e8e8e;
	    font-size: 80px;
	    font-weight: 700;
	    line-height: 80px;
	    position: relative;
	    margin-bottom: 10px;
	}

	#banner-slider2 .slide3 .number-p {
	    margin: auto;
	    color: #8e8e8e;
	    font-size: 80px;
	    font-weight: 700;
	    line-height: 80px;
	    position: relative;
	    margin-bottom: 10px;
	}

	#banner-slider2 .slide4 .number-p {
	    margin: auto;
	    color: #8e8e8e;
	    font-size: 80px;
	    font-weight: 700;
	    line-height: 80px;
	    position: relative;
	    margin-bottom: 10px;
	}

	#banner-slider2 .text-div {
		width: 100%;
		padding: 0px 15px;
	}

	#banner-slider2 .slide1 .text-div p:first-of-type {
	    font-size: 18px;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}

	#banner-slider2 .slide1 .text-div p:last-of-type {
	    font-size: 38px;
	    font-weight: 600;
	    line-height: 50px;
	    margin-bottom: 0px;
	}

	#banner-slider2 .slide2 .text-div p:first-of-type {
	    font-size: 32px;
	    font-weight: 600;
	    margin-bottom: 10px;
	}

	#banner-slider2 .slide2 .text-div p:last-of-type {
	    font-size: 18px;
	    margin-bottom: 0px;
	}

	#banner-slider2 .slide3 .text-div p:first-of-type {
	    font-size: 32px;
	    font-weight: 600;
	    margin-bottom: 10px;
	}

	#banner-slider2 .slide3 .text-div p:last-of-type {
	    font-size: 18px;
	    margin-bottom: 15px;
	}

	#banner-slider2 .slide4 .text-div p:first-of-type {
	    font-size: 26px;
	    font-weight: 600;
	    margin-bottom: 10px;
	}

	#banner-slider2 .slide4 .text-div p:last-of-type {
	    font-size: 18px;
	    margin-bottom: 0px;
	}

	#banner-section2, #banner-section2 .row, #banner-slider, #banner-slider .slide {
	    height: 100% !important;
	}

	#menu-burger.menu-burger-banner {
	    top: 20px;
	    right: 13px;
	    margin: 0px;
	    margin-left: auto;
	}

	#menu-burger.menu-burger-banner span {
	    background: #bbbbbb;
	}

	#step-container-a {
		padding-top: 30px;
	}

	#composer_nav {
		top: 140px;
	    z-index: 2;
	    width: 100%;
	    position: absolute;
	    bottom: unset !important;
	}

	#breadcrumb-progress {
		z-index: 2;
		width: 100%;
		height: 5px;
		position: relative;
		background: #ffffff;
		display: inline-block;
	}

	#breadcrumb-progress .progress-line {
		width: 20%;
		height: 5px;
		background: #669900;
		transition: all 0.4s linear;
	}

	#navigation .breadcrumb .step_menu {
		float: unset;
		height: 40px;
	    display: none;
	    color: #ffffff;
		flex: 0 0 100%;
		max-width: 100%;
		font-size: 15px;
		margin-left: 0px;
		padding: 8px 0px;
	    border-radius: 5px;
	    text-align: center !important;
	}

	#navigation .breadcrumb .step_menu.active_prev,
	#navigation .breadcrumb .step_menu.active_next {
		display: none;
	}

	#navigation .breadcrumb .step_menu.active {
		display: block;
	}

	#navigation .breadcrumb .step_menu.active_prev {
		border-right: 1px solid #454c7c
	}

	#navigation .breadcrumb .step_menu span {
		margin: 0px 3px;
		display: inline-block;
	}

	#navigation .breadcrumb .step_menu span.step_notice {
		display: none;
	}

	#navigation .breadcrumb .step_menu img {
		display: none;
	}

	#navigation .breadcrumb .step_menu.active_prev {
		text-align: left;
	}

	#navigation .breadcrumb .step_menu.active_next {
		text-align: right;
	}

	#navigation .breadcrumb .step_menu.active_prev .mobile_prev {
		display: inline-block;
	}

	#navigation .breadcrumb .step_menu.active_next .mobile_next {
		display: none;
	}

	#composer_nav .step-control-container {
	    /*display: none !important;*/
	}

	#composer_nav .container-fluid {
	    padding: 0px !important;
	}

	#navigation .breadcrumb {
	    margin: 0px;
	    display: flex;
	    min-width: 100%;
	    border-radius: 5px;
	    background: #1C2B68;
	}

	#navigation {
	    padding: 0px !important;
	}

	#navigation .breadcrumb .step_menu:after {
	    display: none;
	}

	#navigation .breadcrumb .step_menu:before {
		left: 43px;
	}

	#navigation .col-composer-nav-right {
	    display: none;
	}

	#composer_nav .step-control-container,
	#composer_nav .step-control-container .row,
	#navigation .col-next-step {
	    display: inline-block;
	}

	#composer_nav .btn-next-prev {
		width: 80px !important;
		margin: auto !important;
		padding: 12px !important;
		color: #1e2e6f !important;
		font-size: 12px !important;
		padding: 9px 0px !important;
	    background: none !important;
	}

	.control-text {
	    display: none;
	}

	.intercom-namespace .intercom-wo0vog {
	    bottom: 60px !important;
	}

	#steps-modal-trigger {
	    padding: 3px 9px;
	    margin-right: 10px;
	    border-radius: 5px;
	    display: inline-block;
	    background-color: #1C2B68;
	}

	#steps-modal-trigger img {
		margin: auto;
		display: block;
		max-height: 20px;
	}

	#steps-modal-trigger span {
		color: #ffffff;
		display: block;
		font-size: 8px;
	}

	#step1 .headstone {
		margin: auto;
		max-width: 300px;
	}

	#step-container-a #step1 .headstone-img img {
		max-height: 200px;
	}

	#navigation .col-breadcrumb {
		margin: 0px !important;
		flex: 0 0 60%;
		max-width: 60%;
	}

	#navigation .col-controls {
		flex: 0 0 20%;
		max-width: 20%;
		text-align: center !important;
	}

	#steps-modal .step-col {
		margin: auto;
		padding: 20px;
		text-align: center;
	}

	#steps-modal .step-col img {
		max-width: 100%;
		margin-bottom: 10px;
	}

	#steps-modal .step-col p {
		width: 140px;
		font-size: 15px;
		margin-bottom: 0px;
	}

	#menu-burger.menu-burger-steps {
	    left: 0px;
	    right: 0px;
	    margin: 0px;
	    right: 13px;
	    width: 45px;
	    height: 45px;
	    margin: auto;
	    bottom: -59px;
	    display: block;
	    position: absolute;
	    border-radius: 50%;
	    padding: 17px 10px;
	    background: #dee7f7;
	}

	#menu-burger.menu-burger-steps span {
	    background: #bbbbbb;
	}

	#steps-modal {
		z-index: 10000;
	}

	#steps-modal .modal-content {
	    /*height: 550px;
	    min-height: 550px;*/
	}

	#steps-modal .modal-dialog {
	    margin: auto;
	    max-width: 90%;
	}

	#menu-burger.open.menu-burger-steps span:nth-child(1) {
		top: 11px;
	    left: 12px;
	    width: 30px;
	}

	#menu-burger.open.menu-burger-steps span:nth-child(3) {
	    top: 31px;
	    left: 12px;
	    width: 30px;
	}

	#steps-modal .row {
		min-height: 400px;
	}

	#composer_nav .btn-next-prev i {
		display: none;
	}

	#composer_nav .btn-next-prev img {
		display: block
	}

	#composer_nav .step-control-container {
		padding-right: 5px;
	}

    #price-details-container,
    #step-b-left-sidebar,
    #tipBox {
        display: none;
    }

    #step-container-b .compose-headstone {
        padding: 0px;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #headstone-details-low {
    	padding: 13px 0px;
    	padding-left: 0px;
        background: #f2f2f2;
    }

    #step-container-b {
        padding: 0px;
    }

    #headstone-details-low .headstone-details {
        padding-top: 0px;
    }

    #headstone-details-low .headstone-details .headstone_name {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .headstone-info-low,
    .base-info-low {
        top: -3px;
        width: 18px;
        font-size: 12px;
        margin-left: 0px;
    }

    #shareStoneTrigger img,
    #shareStoneTrigger span {
        display: none;
    }

    #headstone-details-low #btn-save-share-stone {
    	display: none;
    }

    #headstone-details-low .btn-other-function {
        border: none;
        padding: 0px;
        background: none;
    }

    #btn-save-share-stone i {
        font-size: 20px;
    }

    #step2-right-sidebar,
    #step3-right-sidebar {
    	max-width: 100%;
    	padding: 0px 20px;
    }

    #step3-right-sidebar {
    	padding-top: 15px;
    	padding-bottom: 15px;
   	}

    #sidebar-container {
        flex: 100%;
        max-width: 100%;
        /*min-height: 20vh;*/
        background: #fdfdfd;
        padding: 0px !important;
        max-height: unset !important;
    }

    #sidebar-container.hidden {
    	padding-top: 0px !important;
    }

    #this-footer {
        opacity: 0;
        display: none;
    }

    .step-header {
        font-size: 18px;
        padding: 10px 15px;
        margin-bottom: 10px;
        background-color: #dfdfdf;
    }

    #composer_nav .btn-next-prev.btn-next-step {
        display: block;
    }

    #step-container-b .compose-headstone #main-headstone-container .compose-bedtype-container
    {
        display: none;
    }

    #compose-headstone-sub {
        padding-top: 80px;
        position: relative;
        padding-bottom: 50px;
    }

    #compose-headstone-container {
    	/*padding-left: 5%;
    	padding-right: 5%;*/
    }

    #compose-headstone-inner {
    	padding-left: 5%;
    	padding-right: 5%;
    }

    .step2-tabs-container ul {
    	margin-bottom: 0px;
    	border-bottom: none;
    }

    .step2-tabs-container {
    	padding-bottom: 0px;
    }

    .step2-tabs-container ul li {
    	padding: 10px 7px;
    	transition: unset;
    	position: relative;
    	min-width: 33.333333%;
    	border: 1px solid #ffffff;
    	
    }

    .step2-tabs-container .tab-link-step2.animate {
    	background: #ffffff;
    	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 15%);
    }

    #price-summary-btn {
    	display: none;
    }

    #step2-right-sidebar #name0-header {
    	display: none;
    }

    .mobile-names-header {
    	display: block;
    	min-height: 44px;
    	position: relative;
    }

    .mobile-names-header .section-link {
    	width: 126px;
    	color: #eaeaea;
    	font-size: 15px;
    	padding: 10px 0px;
    	text-align: center;
    	margin-right: 10px;
    	margin-bottom: 10px;
    	display: inline-block;
    	transition: all 0.2s linear;
    	border-bottom: 2px solid transparent;

    }

    .mobile-names-header .section-link.active {
    	color: #1e2e6f;
    	font-weight: 700;
    	border-color: #1e2e6f;
    }

    .inscription-size-slider-container .rangeslider--horizontal {
    	width: 170px;
    }

    #engrave-color .select-engrave-color {
    	margin-right: 20px;
    }

    #stone-types {
	    top: -69px;
	    z-index: 2;
	    right: 0px;
	    height: 49px;
	    padding-top: 0px;
	    text-align: right;
	    overflow-y: hidden;
	    position: absolute;
	    background: #f2f2f2;
	    padding: 5px 10px 5px 30px;
    }

    .date-dob.date_left,
    .date-dod.date_right {
    	border: none !important;
    }

    .date-dob.date_left .inscription-text,
    .date-dod.date_right .inscription-text {
    	border: none !important;
    	/*background: rgba(255, 255, 255, 0.6);*/
    }

    #ornaments-container .single-ornament {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    #ornaments-container .sub-footer-container p {
    	padding: 0px 20px;
    }

    #step4-right-sidebar {
    	padding: 0px 20px 40px;
    	max-width: 100% !important;
    }

    .compose-bedtype-container {
    	display: block !important;
    }

    #accessories-list .single-accessory {
    	flex: 0 0 33.333333%;
	    max-width: 33.333333%;
    }

    #accessories-types-container .add-vase-con.default-stonetype {
    	top: 70px;
    	left: 0px;
    	right: 0px;
    	flex: unset;
    	width: 130px;
    	margin: auto;
    	max-width: unset;
    	height: unset !important;
    	padding: 30px 0px !important;
    }

    #accessories-types-container .accessory-stonetypes {
    	margin-top: 180px;
    	min-height: unset;
    	padding-top: 330px;
    	padding-bottom: 50px;
    }

    #accessories-types-container .accessory-stonetypes.oa-stonetype {
    	padding-top: 30px;
    }

    #accessories-types-container .add-vase-con.default-stonetype .default-stone-badge {
    	left: -60px;
	    height: 15px;
    }

    #accessories-types-container .add-vase-con.default-stonetype .stone-type-container.product-stonetype.accessory-data {
    	height: 110px;
    }

    #accessories-types-container .sub-footer-container .accessories-first {
    	top: 0px;
    	left: 0px;
    	right: 0px;
    	margin: auto;
    	max-width: 90%;
    	position: absolute;
    }

    #accessories-types-container .sub-footer-container .accessories-second {	    
		left: 0px;
		top: 260px;
		right: 0px;
		margin: auto;
		max-width: 90%;
    	position: absolute;
    }

    #accessories-types-container .container {
    	position: relative;
    }

    #accessories-types-container .add-vase-con {
    	width: 110px;
    	height: 170px;
    	padding: 30px 10px !important;
    }

    #accessories-types-container .accessory-stonetypes.oa-stonetype .add-vase-con {
    	height: 250px;
    }

    #oa-accessories-list .accessory-stonetypes.oa-stonetype .img-container {
    	height: 70px;
    	margin-top: 30px;
	    margin-bottom: 50px;
    }

    #accessories-types-container .stone-type-container.product-stonetype.accessory-data {
    	width: 90px;
    	height: 110px;
    }

    #accessories-types-container .sub-footer-container {
    	width: 100%;
    	margin: 0px;
    	padding: 0px 15px;
    }

    #accessories-types-container .stone-type-container.product-stonetype.accessory-data img {
    	margin: auto;
    }

    #step5-banner .container {
    	padding: 0px;
    }

    #step5-banner .col-point {
    	margin-bottom: 20px;
    }

    #gravestone-clone {
    	/*height: 250px;*/
	    transform: scale(0.4);
    }

    #gravestone-clone .compose-headstone-img,
    .inscriptionHeadstonePreview .compose-headstone-img {
    	max-width: 100%;
    	height: unset !important;
    }

    #gravestone-clone #main-headstone-container,
    .inscriptionHeadstonePreview #main-headstone-container{
    	height: unset !important;
    }

    #gravestone-clone #compose-headstone-sub,
    .inscriptionHeadstonePreview #compose-headstone-sub {
    	padding-top: 20px;
    	padding-bottom: 0px;
    }

    #step5-banner {
    	display: none !important;
    	background-repeat: repeat;
    }

    .mobile-no-padding {
    	padding: 0px !important;
    }

    #gravestone-order-details .gravestone-col {
    	padding: 0px !important;
    }

    #step-container-c {
    	overflow-x: hidden;
    }

    #bestiller_postnummer {
    	max-width: 100%;
    }

    #order-form-sidebar{
    	margin-top: 0px;
    	padding-left: 0px;
    	padding-bottom: 0px;
    }

    #summary-table-container .table {
    	max-width: 100%;
    }

    #orderForm {
    	padding: 25px 0px 20px;
    }

    #order-form-col {
    	padding: 0px;
    	background-color: #ffffff;
    }

    #gravestone-order-details {
    	padding: 0px;
    	border-radius: 10px;
    	background-color: #ffffff;
    }

    #step-container-c {
	    padding: 10px 0px 40px;
	}

	#orderForm {
		padding: 20px 15px 30px;
		background-color: #eff3fb;
	}

	.mobile-qv-total-price {
		display: block;
		padding: 8px 0px 5px;
		background-color: #f8f8f8;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.mobile-qv-total-price p {
		font-size: 14px;
		margin-bottom: 0px;
	}

	.mobile-qv-total-price .total-subtext {
		top: -5px;
		font-size: 11px;
		position: relative;
		display: inline-block;
	}

	#orderForm .form-title {
		display: none;
	}

	#orderForm .subtitle {
		text-align: left;
		font-style: normal;
	}

	#summary-table-container {
		display: none;
	}

	.faq-details {
		border: none;
		display: none;
	}

	#summary-table-container-mobile h4 {
	    padding: 10px;
	    font-size: 16px;
	    font-weight: 400;
	    text-align: center;
	    margin-bottom: 0px;
	    background: #dee7f7;
	    border-top-left-radius: 10px;
	    border-top-right-radius: 10px;
	}

	#summary-table-container-mobile p {
		margin-bottom: 0px;
	}

	#summary-table-container-mobile .table {
		max-width: 100%;
	}

	#summary-table-container-mobile table.table tr td {
		border: none;
		padding: 8px 10px;
	}

	#summary-table-container-mobile table {
		margin-bottom: 0px;
	}

	#summary-table-container-mobile table tr td:last-of-type {
		text-align: right;
	}

	#summary-table-container-mobile .fullamount-text {
		font-size: 15px;
		margin-top: 12px;
		text-align: center;
		margin-bottom: 10px;
	}

	#summary-table-container-mobile hr {
		border: none;
		max-width: 300px;
		margin: 22px 0px 10px;
		border-top: 2px solid #dddddd;
	}

	#summaryPriceModal .modal-body {
		padding: 0px;
	}

	#summaryPriceModal .modal-content {
		border-radius: 10px;
	}

	#summaryPriceModal .modal-dialog {
		width: 90%;
		margin: auto;
	}

	#summary-table-container-mobile .table-container {
		padding: 10px;
	}

	#summary-table-container-mobile .table-total-price {
		background-color: #dddddd 
	}

	 #summary-table-container-mobile .table-total-price p.text-bold {
		font-weight: 600;
	}

	#summary-table-container-mobile .close-summary-modal {
		padding: 10px;
		text-align: center;
		border-top: 1px solid #babdc0;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	#headstone-details-low #btn-save-share-stone-mobile {
		top: 0px; 
		margin: 0px;
		color: white;
		padding: 3px 10px;
		text-align: center;
		display: inline-block;
		background-color: #1C2B68;
	}

	#headstone-details-low #btn-save-share-stone-mobile i {
		display: block;
		font-size: 20px;
	}

	#headstone-details-low #btn-save-share-stone-mobile span {
		color: #ffffff;
		display: block;
		font-size: 8px;
		line-height: 10px;
	}

	#headstone-details-low .other-functions {
		top: -95px;
		right: 0px;
		display: flex;
		padding-top: 0px;
	    margin-left: auto;
	    position: absolute;
	    justify-content: flex-end;
	}

	.hdl-right {
		margin-top: auto;
		margin-bottom: auto;
	}

	#stone-types .stone-type-container {
		width: 28px;
		height: 28px;
	}

	#sidebar-container.active #step2-right-sidebar.active_modal,
	#sidebar-container.active #step3-right-sidebar.active_modal,
	#sidebar-container.active #step4-right-sidebar.active_modal {
		top: 0px;
		padding: 0px;
		display: block;
		position: fixed;
		z-index: 1000000;
		overflow-y: auto;
		min-height: 100%;
		max-height: 100%;
	    background: #ffffff;
	}

	#date-prefix-modal {
		z-index: 1000001;
	}

	#sidebar-container.active #step2-right-sidebar.active_modal .step-header {
		display: none;
	}

	.mobile-names-header {
		top: 0px;
	    left: 0px;
	    width: 100%;
	    z-index: 100;
	    position: fixed;
	    padding-top: 10px;
	    background: #f2f2f2;
	    padding-bottom: 10px;
	}

	.close-header {
	    width: 30px;
	    height: 30px;
	    display: block;
	    cursor: pointer;
	    position: relative;
	}

	#step3-right-sidebar .close-header,
	#step4-right-sidebar .close-header {
		top: 35px;
	    right: 15px;
	    position: absolute;
	}

	.close-header span {
	    top: 13px;
	    right: 5px;
	    width: 20px;
	    position: absolute;
	    border-top: 2px solid #333333;
	}

	.close-header span:first-of-type {
	    transform: rotate(45deg);
	    -webkit-transform: rotate(45deg);
	}

	.close-header span:last-of-type {
	    transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
	}

	#step2-right-sidebar .step2-tab {
		overflow-y: scroll;
		padding: 65px 20px 20px;
	}

	.right-sidebar-controller {
		display: none !important;
	}

	.mobile-names-header .btn-next-prev.btn-next-step {
		width: unset;
		height: unset;
		color: #ffffff;
		padding: 3px 12px;
		background: #1E2E70;
		display: inline-block;
	}

	.mobile-names-header .btn-next-prev.btn-next-step span {
	    top: unset;
	    right: unset;
	    width: unset;
	    transform: none;
	    position: relative;
	    display: inline-block;
	}

	.mobile-names-header .mobile-names-header-title {
		font-weight: 600;
	}

	#step2-right-sidebar .names_wrap {
		padding-top: 0px;
	}

	.inscriptionSampleMobile {
		height: 150px;
		display: block;
		padding: 20px 18px;
		margin-bottom: 20px;
		background-size: contain;
	}

	#memory1Sample {
		left: 0px;
		right: 0px;
		bottom: 0px;
	    position: absolute;
	}

	#inscriptionNameSample2,
	#inscriptionNameSample3 {
		height: 100%;
	}

	#step2-right-sidebar .form-group .select-drowpdown {
		top: 43px !important;
		transform: none !important;
	}

	.pc-mobile {
		top: 11px;
		left: 10px;
		display: none;
		position: absolute;
		/*display: inline-block;*/
	}

	.pc-mobile .btn-pc-trigger {
		color: #262b89;
	    font-size: 16px;
	    padding: 5px 10px;
	    position: relative;
	    border-radius: 3px;
	    display: inline-block;
	    border: 1px solid #262b89;
	    transition: all .1s linear;
	}

	.pc-mobile .pc-help {
		top: -1px;
	    width: 24px;
	    height: 24px;
	    padding: 0px;
	    color: #58729d;
	    font-size: 13px;
	    margin-left: 2px;
	    line-height: 24px;
	    border-radius: 50%;
	    display: inline-block;
	    background: #bfd2f0 0 0 no-repeat padding-box;
	}

	#orderFormSubmit {
		right: 0px;
		z-index: 2;
		bottom: 0px;
		height: 49px;
		max-width: 50%;
		position: fixed;
		font-size: 15px;
	    border-radius: 0px;	    
	    border: none !important;
	}

	#gravestone-clone .pc-mobile,
	.inscriptionHeadstonePreview .pc-mobile {
		display: none;
	}

	.pc-slider-mobile {
		display: none;
		padding: 0px 20px 30px;
		background-color: #eff3fb;
	}

	.pc-slider-mobile #payment-slider {
		background-color: #eff3fb;
	}

	.pc-slider-mobile.active {
		display: block;
	}

	.pc-slider-mobile #payment-slider.gravestone-page.order-page .choose-text {
		/*display: none !important;*/
	}

	#payment-slider.gravestone-page.order-page {
		padding-bottom: 5px;
	}

	.form-row-container {
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}

	#orderForm .form-row {
		width: 100%;
		padding: 10px 5px;
	}

	#orderForm .form-row .label {
		padding: 0px;
		text-align: left;
		margin-bottom: 3px !important;
	}

	#summary-table-container #payment-slider {
		z-index: 1;
	}

	#payment-slider.gravestone-page {
		z-index: 1 !important;
		padding-top: 0px !important;
	}

	.form-row-1 {
		order: 1;
	}

	.form-row-2 {
		order: 2;
	}
	
	.form-row-3 {
		order: 3;
	}

	.form-row-4 {
		order: 4;
	}

	.form-row-5 {
		order: 5;
	}

	.form-row-6 {
		order: 6;
		margin-top: 7px;
		border-top: 1px solid #00000029;
	}

	.form-row-7 {
		order: 7;
		padding-bottom: 0px;
	}

	.form-row-8 {
		order: 8;
		padding-top: 0px;
	}

	.form-row-9 {
		order: 9;
	}

	.form-row-10 {
		order: 10;
		margin-top: 7px;
	    padding-top: 15px;
	    border-top: 1px solid #00000029;
	}

	.form-row-11 {
		order: 11;
	}

	#orderForm .comments-text {
		margin-bottom: 5px;
	}

	#frequent-ornaments-container {
		display: none;
	}

	.toggle-ornaments-container {
		top: 0px;
		right: 0px;
		position: absolute;
	}

	#step3-right-sidebar .toggle-ornaments-container .btn-toggle-ornnaments {
		color: #1C2B68;
		padding: 13px 15px;
		border-radius: 0px;
		background-color: #B1C4E6
	}

	#step3-right-sidebar .toggle-ornaments-container .btn-toggle-ornnaments .all-ornaments-text {
		display: none;
	}

	#step3-right-sidebar .toggle-ornaments-container .btn-toggle-ornnaments .icon-outer {
		padding: 0px;
		margin-left: 0px;
		background: unset;
		display: inline-block;
	}

	#step3-right-sidebar .toggle-ornaments-container .btn-toggle-ornnaments .icon-outer i {
		border: none !important;
	}

	#step3-right-sidebar .toggle-ornaments-container {
		padding: 0px;
	}

	#ornaments-container .col-ornament-container {
		padding-bottom: 20px;
	}

	#ornaments-container .sub-footer-container {
		display: none;
		position: relative;
	}

	#ornaments-container {
		z-index: 100000;
		padding-top: 0px;
	}

	#ornaments-container h4 {
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 0px;
	}

	#parent-selection-container {
		width: 100%;
		display: none;
		z-index: 1232;
		max-width: 280px;
		margin-left: -1px;
		position: absolute;
		background: #ffffff;    
		border: 1px solid #f2f2f2;
		border-top: 1px solid #f2f2f2;
	}

	#parent-selection-container.active {
		display: block;
	}

	#ornaments-container .col-ornament-container {
		text-align: left;
		padding: 15px 0px 0px;
	}

	#ornaments-container .ornaments-collapse-container {
		padding: 0px;
		display: none;
	}

	#ornaments-container .ornament-frequent {
		display: block;
	}

	#ornament-categories-container {
		width: 100%;
		max-width: 500px;
		border-radius: 4px;
		padding-bottom: 0px;
		display: inline-block;
		border-color: #1E2E70;
	}

	#ornament-categories-container .ornament-categories-container {
		padding: 7px 10px;
		position: relative;
		margin-bottom: 0px;
		border-radius: 4px;
		background: #DEE7F7;
	}

	#ornament-categories-container .ornament-categories-container::after {
	    top: 10px;
        right: 15px;
        content: "";
        padding: 5px;
        position: absolute;
        transform: rotate(45deg);
        border: 1px solid #1E2E70;
        border-width: 0 1px 1px 0;
        transition: all .1s linear;
        -webkit-transform: rotate(45deg);
	}

	#ornament-categories-container .ornament-categories-container span.occ-desktop {
		display: none;
	}

	#ornament-categories-container .ornament-categories-container span.occ-mobile {
		display: inline-block;
		text-transform: capitalize;

	}

	#ornaments-container .col-ornament-categories {
		padding: 0px;
		text-align: left !important;
	}

	#ornaments-container-header {
		padding: 15px 0px;
		margin-bottom: 20px;
	    background-color: #F2F2F2;
	}

	.ornaments-close-top {
		width: 50px;
		right: unset;
		height: 50px;
		position: absolute;
		left: 0px !important;
	}

	.ornaments-close-top span {
		top: 23px;
		left: 15px;
		width: 20px;
	}

	#ornaments-container .ornaments-collapse-container .ornament-title {
		font-style: italic;
	}

	#ornaments-container .ornaments-collapse-container .ornament-subtext {
		margin-top: -7px;
		margin-bottom: 10px;
	}

	#ornament-categories-container .ornament-category span.checkmark {
		display: none;
	}

	#ornament-categories-container .checkbox-container {
		padding-left: 0px;
	}

	#ornament-categories-container .ornament-category {
		padding: 8px 15px !important;
	}

	#parent-all {
		display: none !important;
	}

	#parent-frequent {
		display: block !important;
	}

	.ornament-details {
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 9999;
		display: none;
		position: fixed;
	    padding: 0px 20px;
	    background: #ffffff;
	}

	.ornament-details.active {
		display: block;
		overflow-y: scroll;
	}

	.close-ornament-modal.icon {
	    width: 30px;
	    height: 30px;
	    display: block;
	    cursor: pointer;
	    position: relative;
	}

	/*.close-ornament-modal.icon,
	.close-ornament-modal.icon {
		top: 35px;
	    right: 15px;
	    position: absolute;
	}*/

	.close-ornament-modal.icon span {
	    top: 13px;
	    right: 5px;
	    width: 20px;
	    position: absolute;
	    border-top: 2px solid #333333;
	}

	.close-ornament-modal.icon span:first-of-type {
	    transform: rotate(45deg);
	    -webkit-transform: rotate(45deg);
	}

	.close-ornament-modal.icon span:last-of-type {
	    transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
	}

	.close-ornament-modal.btn {
		width: unset;
		height: unset;
		color: #ffffff;
		font-size: 16px;
		padding: 3px 12px;
		background: #1E2E70;
		display: inline-block;
	}

	.od-mobile-header {
		display: block;
	}

	.od-mobile-header .row {
		padding: 10px 0px;
		background-color: #F2F2F2;
		margin: 0px -20px !important;
	}

	.od-mobile-header h4 {
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 0px;
	}

	#inscriptionNameSample3 {
		width: 60%;
	}

	.inscriptionSampleMobile.ornamentSample {
		margin-top: 20px;
		position: relative;
		margin-bottom: 20px;
	    padding: 50px 18px 20px;
	}

	.inscriptionSampleMobile.ornamentSample .ornament-img-engrave {
		display: none;
		max-width: 100%;
	}

	.inscriptionSampleMobile.ornamentSample .ornament-img-engrave.active {
		display: block;
	}

	.inscriptionSampleMobile.ornamentSample .engrave-ornaments-container {
		position: absolute;
		top: 50px !important;
	    left: unset !important;
	    right: 70px !important;
	}

	.engrave-ornaments-option-container .details-controller {
		display: none;
	}

	.engrave-ornaments-option-container .details-div {
		margin: 0px;
		padding-left: 10px;
		position: relative;
		flex: 0 0 calc(100% - 60px);
		max-width: calc(100% - 60px);
	}

	.engrave-ornaments-option-container .remove_ornament {
		top: 8px;
		right: 50px;
		position: absolute;
	}

	.engrave-ornaments-option-container .edit_ornament {
		top: 10px;
	    right: -5px;
	    color: #293282;
	    cursor: pointer;
	    font-size: 14px;
	    margin-top: 5px;
	    font-weight: 500;
	    position: absolute;
	    display: inline-block;
	}

	.engrave-ornaments-option-container .edit_ornament i {
		padding: 0px;
		font-size: 25px;
	}

	.engrave-ornaments-option-container .remove_ornament i {
		font-size: 25px;
	}

	.engrave-ornaments-option-container .remove_ornament span {
		display: none;
	}

	.engrave-ornaments-option-container img.preview-img {
		height: auto;
		flex: 0 0 50px;
		margin-right: auto;
		max-width: 50px !important;
	}

	.engrave-ornaments-option-container,
	.ornament-details-container {
		display: flex;
	}

	#accessories-container {
		z-index: 10000;
		padding-top: 0px;
	}

	#accessories-types-container {
		z-index: 10001;
		padding-top: 0px;
	}

	#accessories-types-container h4 {
		font-size: 16px;
		font-weight: 700;
		padding: 15px 0px;
		text-align: center;
		background-color: #f2f2f2;
	}

	#accessories-container h4 {
		font-size: 24px;
	    font-weight: 400;
	    padding: 15px 0px;
	    text-align: center;
	    margin-bottom: 30px;
	    /*background-color: #f2f2f2;*/
	}

	.accessories-close-top {
		right: 0px;
		left: unset;
		width: 50px;
		height: 50px;
		display: block;
	}

	.accessories-close-top span {
		top: 27px;
		left: 2px;
		width: 30px;
		right: unset;
		border-top: 4px solid #E8E8E8;
	}

	select, input, textarea {
    	font-size: 16px!important;
  	}

  	p.discount-subtext {
  		font-size: 14px;
  		font-style: italic;
  		margin-bottom: 0px;
  	}

  	.form-row-10 .col-checkbox {
  		margin-top: 10px !important;
  	}

  	#orderForm .discount-text {
  		margin-bottom: 3px;
  	}

  	.ornament-actions .btn {
  		color: #293282;
  		margin: 0px 10px;
  		padding: 8px 20px;
  		text-align: center;
  		border-radius: 4px;
  		display: inline-block;
  		border: 1px solid #293282;
  	}

  	#LeaveNCT .leave-nct-btn {
  		margin: 5px auto !important;
  	}

  	#LeaveNCT .action-container {
  		display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	    text-align: center !important;
  	}

  	#LeaveNCT h3 {
  		font-size: 20px;
  	}

  	.inscriptionHeadstonePreview {
  	    cursor: text;
  	    position: relative;
  	    transform: scale(0.6);
  	    margin: auto !important;
  	    transform-origin: top left;
  	}

  	.single-accessory-box input[type=checkbox]:checked:before,
  	#accessories-types-container .add-vase-con input[type=checkbox]:checked:before {
  		display: none;
  	}

  	.accessory-counter,
  	.accessory-prod-counter {
	    top: 10px;
	    left: 13px;
	    z-index: 1;
	    color: #5caf5c;
	    position: absolute;
  	}

  	.accessory-counter {
  		top: 6px;
  	}

  	.accessory-counter.oa-accessory-counter {
  		top: 10px;
  	}

  	.inscriptionSampleMobile {
  		display: none;
  	}

  	.previewContainer {
  		margin-top: 40px;
  		position: relative;
  	}

  	.stonetype-trigger {
  		width: 28px;
  		height: 28px;
  		cursor: pointer;
  		display: inline-block;
  		background-size: cover;
  	}

  	.stonetype-trigger-container {
  		padding: 5px;
  	}

  	.stone-types-container {
  		display: none;
  	}

  	#composer_nav .btn-next-prev img:first-of-type {
  	    display: inline-block !important;
  	}

  	#composer_nav .btn-next-prev img:last-of-type {
  		display: none !important;
  	}

  	.col-bottom-button {
  		display: block;
  	}

  	.col-bottom-button .step_menu {
	    left: 0px;
	    z-index: 2;
	    width: 100%;
	    bottom: 0px;
	    height: 49px;
	    max-width: 50%;
	    color: #ffffff;
	    position: fixed;
	    font-size: 15px;
	    border-radius: 0px;
	    text-align: center;
	    background: #1e2e6f;
	    padding: 11px 20px 10px;
	    border: none !important;
  	}

  	#sidebar-container.active #step2-right-sidebar, 
  	#sidebar-container.active #step3-right-sidebar, 
  	#sidebar-container.active #step4-right-sidebar {
  		padding: 0px 0px 15px;
  	}

  	#step3-right-sidebar .sub-text {
  		padding: 0px 15px;
  	}

  	#step4-right-sidebar .other_accessories_row {
  		padding: 0px 15px 15px;
  	}

  	.accessories-added-label,
  	#added-accessory-controllers {
  		padding: 0px 15px;
  	}

  	#step-container-b .compose-headstone {
  		position: relative !important;
  	}

  	#step-container-b {
  		overflow-x: unset;
  	}

  	#headstone-details-low #btn-save-share-stone-mobile {
  		height: 70px;
  		padding: 12px 12px;
  		border-radius: 0px;
  	}

  	#headstone-details-low #btn-save-share-stone-mobile img {
  		height: 25px;
  	}

  	#headstone-details-low #btn-save-share-stone-mobile i {
  		font-size: 25px;
  	}

  	#headstone-details-low #btn-save-share-stone-mobile span {
  		display: block;
  		max-width: 50px;
  		white-space: initial;
  	}

  	#headstone-details-low #btn-save-share-stone-mobile.sv span {
  		max-width: 60px;
  	}

  	#nct-mobile-help {
  		margin: 0px;
  		color: #333;
  		height: 70px;
  		text-align: center;
  		padding: 16px 17px;
  		border-radius: 0px;
  		display: inline-block;
  		text-transform: capitalize;
  		border-left: 1px solid #e1e1e1;
  	}

  	#nct-mobile-help img {
	  	margin: auto;
	  	height: 25px;
	  	display: block;
	}

  	#nct-mobile-help span {
  		display: block;
  		font-size: 8px;
  	}

  	#nct-payment-calculator-trigger {
  		margin: 0px;
  		color: #333;
  		height: 70px;
  		text-align: center;
  		padding: 13px 15px;
  		border-radius: 0px;
  		display: inline-block;
  	}

  	#nct-payment-calculator-trigger.sv {
  		display: none;
  	}

  	#nct-payment-calculator-trigger span:first-of-type {
  		display: block;
  		font-size: 25px;
  		font-weight: 700;
  		line-height: 25px;
  	}

  	#nct-payment-calculator-trigger span:last-of-type {
  		display: block;
  		font-size: 8px;
  	}

  	#menu-toggle {
  		left: 0px;
  		z-index: 2;
	    right: unset;
	    float: unset;
  	}

  	#menu-toggle.custom {
  		position: absolute;
  	}

  	#wrap-logo.custom {
  		left: 70px;
	    margin: 0px;
	    width: unset;
	    padding: 15px 0px;
	    position: relative;
	    display: inline-block;
  	}

  	#wrap-logo.custom #logo {
  		width: unset;
  		height: 40px;
  	}

  	#wrap-logo.custom #inkludert {
  		display: none;
  	}

  	#aura-picker,
  	#intra-picker {
  		top: -64px;
  		left: unset;
  		right: 78px;
  		width: unset;
  		bottom: unset;
  		padding-left: unset;
  	}

  	#aura-picker .aura-container,
  	#intra-picker .aura-container {
  		border: none;
  		padding: 5px 22px;
  		background: unset;
	    height: unset !important;
  	}


  	#aura-picker .aura-container.active,
  	#intra-picker .aura-container.active {
  		border: 1px solid #293282;
  	}

  	#aura-picker .aura-container.active input[type=checkbox],
  	#intra-picker .aura-container.active input[type=checkbox] {
  		display: none;
  	}

  	#aura-picker .aura-container img,
  	#intra-picker .aura-container img {
  		max-height: 27px;
  		display: inline-block;
  	}

  	#breadcrumb-step2:before {
  		display: none;
  		content: '2' !important;
  	}

  	#breadcrumb-step3:before {
  		display: none;
  		content: '3' !important;
  	}

  	#breadcrumb-step4:before {
  		display: none;
  		content: '4' !important;
  	}

  	#gravestone-clone #aura-picker,
  	.previewContainer #aura-picker,
  	#gravestone-clone #intra-picker,
  	.previewContainer #intra-picker {
  		display: none;
  	}

  	#navigation .breadcrumb .step_menu span.breadcrumb-span {
  		top: -1px;
  		width: 18px;
	    height: 18px;
	    color: #1e2e6f;
	    font-size: 12px;
	    line-height: 18px;
	    position: relative;
	    background: #ffffff;
	    border-radius: 100%;
	    margin: 0px !important;
  	}

  	#shareStone .close span {
  		line-height: 27px;
  	}

  	#shareStone h3 {
  		font-size: 18px;
  		text-align: left;
  	}

  	#shareStone .close {
  		top: 16px;
  		right: 16px;
  	}

  	#shareStone p {
  		font-size: 16px;
  	}

  	#shareStone .send-lenken, #shareStoneForm2 .send-lenken2 {
  		font-size: 16px;
  	}

  	#shareStone {
  		z-index: 10000;
  	}

  	#helpModal .modal-content {
  		border: none;
  		outline: none;
  		box-shadow: none;
  	}

  	#helpModal .modal-dialog {
  	    width: 300px;
  	    margin: auto;
  	    position: fixed;
  	    min-height: unset;
  	}

  	#helpModal .help-div-container {
  		/*display: flex;
	    min-height: 200px;*/
  	}

  	#helpModal .help-div {
  	    margin: auto;
  	    display: none;
  	}

  	#helpModal .help-div.active {
  	    display: block;
  	}

  	#helpModal .modal-dialog {
  		top: 55px;
  		left: 0px;
  	    right: 0px;
  	}

  	#helpModal .modal-body {
  	    padding: 20px;
  	}

  	#helpModal .help-div .img-container {
  	    padding-bottom: 10px;
  	}

  	#helpModal .help-div img {
  	    margin: auto;
  	    display: block;
  	    max-width: 100%;
  	}

  	#helpModal .help-div p:first-of-type {
  	    color: #1C2B68;
  	    font-size: 16px;
  	    font-weight: 700;
  	    margin-bottom: 8px;
  	}

  	#helpModal .help-div p:last-of-type {
  	    color: #333333;
  	    font-size: 14px;
  	    margin-bottom: 0px;
  	}

  	#helpModal .help-div span {
  		color: #CCCCCC;
  		display: block;
  		font-size: 12px;
  		margin-top: 10px;
  		margin-bottom: -10px;
  	}

  	#helpModal .dialog-extension {
  		top: 120px;
	    right: 16px;
	    z-index: 10;
	    position: absolute;
	    transition: all .1s linear;
	    border-bottom: 15px solid #ffffff;
	    border-left: 8px solid transparent;
	    border-right: 8px solid transparent;
  	}

  	#helpModal .help-clone {
  		width: unset;
  		position: absolute;  		
  	}

  	#helpModal .help-clone .stonetype-trigger-container {
  		display: flex;
  		background: #ffffff;
  	}

  	#helpModal .help-clone #aura-picker,
  	#helpModal .help-clone #intra-picker {
  		border-radius: 5px;
  		background: #ffffff;
  		top: unset !important;
  		left: unset !important;
  		right: unset !important;
  	}

  	#helpModal .help-clone .step2-tabs-container {
  		/*background: #ffffff;*/
  	}

  	#helpModal i {
  		border: none !important;
  	}

  	#step2-input-container .step-header {
  		margin-bottom: 0px;
  	}

  	#helpModal .help-clone .tab-link-step2 {
  		visibility: hidden;
  	}

  	#helpModal .controls-container .arrow-container img {
  	    max-width: 50px;
  	}

  	#helpModal .arrow-container {
  	    display: none;
  	    position: fixed;
  	}

  	#helpModal .arrow-container.active {
  	    display: block;
  	}

  	#helpModal .arrow-container.prev-container {
  	    left: 0px;
  	    top: 390px;
  	    width: 20%;
  	}

  	#helpModal .arrow-container.next-container {
  	    top: 390px;
  	    right: 0px;
  	    width: 20%;
  	    text-align: right;
  	}

  	#helpModal .control-text-container {
  	    top: 410px;
  	    right: 20%;
  	    width: 60%;
  	    position: absolute;
  	    text-align: center;
  	}

  	#helpModal .control-text-container p {
  	    color: #ffffff;
  	    font-size: 16px;
  	    margin-bottom: 10px;
  	}

  	#helpModal .control-text-container .skip-help {
  	    padding: 10px;
  	    color: #ffffff;
  	    font-size: 14px;
  	    border-radius: 5px;
  	    display: inline-block;
  	    border: 1px solid #ffffff;
  	}

  	#helpModal.show {
  		overflow-y: hidden;
  	}

  	#sidebar-container.active #step2-right-sidebar {
  		padding-bottom: 0px !important;
  	}

  	#menu-toggle, #sidebar-wrapper {
  		display: block !important;
  	}

  	.nav-div {
  		display: none !important;
  	}

  	#wrapper.toggled {
  		padding-left: 0px !important;
  	}

  	#sidebar-wrapper {
  		width: 100% !important;
  	}

  	#wrapper.toggled #menu-toggle {
  		left: unset !important;
  		right: 0px !important;
  		z-index: 1000000 !important;
  	}

  	#composer_nav .btn-next-prev {
  		width: 90% !important;
  	}

  	#helpModal .help-clone #aura-picker .aura-container,
  	#helpModal .help-clone #intra-picker .aura-container {
  		border-left: none;
  		border: 1px solid grey;
  	}

  	#helpModal .help-clone #aura-picker .aura-container.active,
  	#helpModal .help-clone #intra-picker .aura-container.active {
	    border: 1px solid #293282;
	    border-left: 1px solid #293282;
  	}

  	.stepb-right-sidebar.active {
  		display: block;
  	}

  	#accessories-types-container {
  		overflow-y: scroll;
  		padding-bottom: 50px;
  	}

  	#navigation .step_menu .breadcrumb-span {
  		display: inline-block;
  	}

  	.ornament-detail-mobile {
  		width: 100%;
  		display: flex;
  	}

  	#ornaments-container #ornament-frequent.ornaments-collapse-container {
  		display: block;
  	}

  	body {
  		width: 100%;
  		top: 0!important;
  		margin-bottom: 0px !important;
	    position: relative !important;
  	}

  	#headstone-details-low .headstone-details .size_attr_contianer {
  		top: 30px;
	    left: 26px;
  	}

  	#col-step5-form {
  		flex: 0 0 100%;
  		max-width: 100%;
  	}

  	.no-drag-text {
  		left: 0px;
  		top: -25px;
  		right: 0px;
  		margin: auto;
  		font-size: 14px;
  		max-width: 300px;
  		position: absolute;
  		text-align: center;
  		display: inline-block;
  	}

  	.col-increse-btn {
  		flex: 0 0 80px;
  		max-width: 80px;
  	}

  	.col-slider {
  		flex: 0 0 calc(100% - 80px);
  		max-width: calc(100% - 80px);
  	}

  	.range-container span.range-slider-inc,
  	.range-container span.range-slider-dec,
  	.range-container span.ornament-inc,
  	.range-container span.ornament-dec {
  		width: 35px;
  		height: 35px;
  		color: #ffffff;
  		line-height: 35px;
  		text-align: center;
  		background: #1e2e70;
  		border-radius: 100%;
  		display: inline-block;
  	}

  	.range-container span.range-slider-dec,
  	.range-container span.ornament-dec {
  		width: 30px;
  		height: 30px;
  		line-height: 30px;
  	}

  	#accessories-types-container .add-vase-con.add-aura-lantern {
  		width: 110px;
	    height: 160px;
	    padding: 25px 10px !important;
  	}

  	#col-accessory-stonetypes {
  		padding: 0px;
  	}

  	#accessories-list .single-accessory {
  		padding: 35px 10px !important;
  	}

  	#accessories-list .single-accessory.is-porcelain,
  	#accessories-list #porcelain-frame-row .single-accessory {
  		flex: 0 0 100%;
  		max-width: 100%;
  	}

  	#accessories-types-container.lantern-modal .accessory-stonetypes {
  		padding-top: 130px;
  	}

  	#compose-headstone-container .compose-headstone-img {
  		pointer-events: none;
  	}

  	#gravestone-clone .compose-bedtype-img {
  		position: relative;
  		pointer-events: none;
  	}

  	#step-container-b .compose-headstone .compose-bedtype-container img {
  		pointer-events: none;
  	}

  	.step1-row {
  		/*max-width: 300px;
  		margin: auto !important;*/
  	}

  	.inscription-range,
  	#step2-right-sidebar .form-group .select#fonttypes {
  		width: 100%;
  		max-width: 420px;
  		min-width: unset;
  	}

  	.text-center-md {
  		text-align: center;
  	}

  	.engrave-ornaments-option-container .details-div.details-div-box .remove_ornament {
  		display: none;
  	}

  	#step4-right-sidebar .btn-open-accessories[data-type="bedplate"] .accessory-name,
  	#step4-right-sidebar #accessory-choice-container .btn-open-accessories[data-type="bedplate"] .accessory-name {
		max-width: 150px;
  	}

  	#accessory-choice-container .row {
  		justify-content: center;
  	}

  	#step4-right-sidebar #accessory-choice-container .right-col, 
  	#step4-right-sidebar #accessory-choice-container .left-col {
  		padding: 10px;
  		flex: 0 0 36%;
  		max-width: 36%;
  	}

  	#step4-right-sidebar #accessory-choice-container .right-col .accessory-name, 
  	#step4-right-sidebar #accessory-choice-container .left-col .accessory-name {
  		font-size: 13px;
  	}

  	#bedplate-row {
  		padding: 20px 0px 0px;
  	}

  	/*.porcelain-frame-image {
  	    top: -2px;
  	    left: -1px;
  	    position: absolute;
  	    height: 40px !important;
  	}

  	.porcelain-frame-image.porcelain-frame-image2 {
  	    top: -4px;
  	    left: -3px;
  	    position: absolute;
  	    height: 44px !important;
  	}*/

  	#AddPorcelainImage .modal-body {
  		padding: 20px;
  	}

  	.porcelain-actions .btn {
  		width: unset;
  		font-size: 14px;
  	}

  	#accessories-container .col-choice-sidebar,
  	#accessories-container .col-accessory-content {
  		flex: 0 0 100%;
  		max-width: 100%;
  	}

  	#accessories-container .row-accessories {
  		padding: 0px;
  	}

  	#accessories-container .cac-inner-container {
  		padding: 0px 10px;
  		min-height: unset;
  		margin-bottom: 20px;
  	}

  	#accessories-list #porcelain-frame-row .single-accessory,
  	#accessories-list .single-accessory {
  		flex: 0 0 100%;
  		max-width: 100%;
  		border: 1px solid #8080801c;
  	}

  	#accessories-list .single-accessory.is-porcelain,
  	#step4-right-sidebar .stone_accessories.right-col, 
  	#step4-right-sidebar .stone_accessories.left-col {
  		flex: 0 0 100%;
  		max-width: 100%;
  		border: 1px solid #8080801c;
  	}

  	#accessories-container .label-name {
  		font-size: 18px !important;
  	}

  	#accessories-container .label-desc {
  		font-size: 14px !important;
  	}

  	#accessories-container .label-price {
  		font-size: 14px !important;
  	}

  	#accessories-container {
  		padding-bottom: 0px;
  	}

  	#accessories-container .sub-footer-container {
  		display: none;
  	}

  	#accessories-container .col-superscript {
  		padding: 20px;
  		background-color: #DEE7F7;
  	}

  	#accessories-container .container {
  		padding: 0px;
  	}

  	#LaserEtchDisclaimer .modal-body {
  		overflow: scroll;
  		max-height: 80vh;
  	}

  	#headstone-details-low .headstone-details.bedplate-details {
  		display: none !important;
  	}
}

@media (max-width: 650px) {
	#step-container-b .compose-headstone #main-headstone-container.headstone-img {
    	width: 100% !important;
    	height: auto !important;
        max-width: 100% !important;
    }

	#step-container-b .compose-headstone #compose-headstone-container img {
        width: 100%;
        height: auto !important;
        display: block !important;
    }
}

@media (max-width: 500px) {
	#navigation .col-breadcrumb {
		margin: 0px !important;
		flex: 0 0 calc(100% - 200px);
		max-width: calc(100% - 200px);
	}

	#navigation .col-controls {
		flex: 0 0 100px;
		max-width: 100px;
		text-align: center !important;
	}

	#navigation .col-breadcrumb.sv {
		flex: 0 0 calc(100% - 240px);
		max-width: calc(100% - 240px);
	}

	#navigation .col-controls.sv {
		flex: 0 0 120px;
		max-width: 120px;
	}

	.col-checkbox {
    	flex: 0 0 40px;
    	max-width: 40px;
    }

    .col-checkbox-text {
    	flex: 0 0 calc(100% - 40px);
    	max-width: calc(100% - 40px);
    }

    .text-center-md {
  		text-align: unset;
  	}
}

@media (max-width: 390px) {
	#nct-mobile-help {
		padding: 16px 13px;
	}

	#nct-mobile-help img {
		height: 20px;
	}

	#nct-payment-calculator-trigger {
		padding: 13px;
	}

	#nct-payment-calculator-trigger span:first-of-type {
		font-size: 20px;
	}

	#headstone-details-low #btn-save-share-stone-mobile {
		padding: 12px 10px;
	}

	#headstone-details-low #btn-save-share-stone-mobile img {
		height: 20px;
	}
}

@media (max-width: 350px) {
	.inscription-size-slider-container .rangeslider--horizontal {
		width: 150px;
	}

	#banner-section,
	#step5-banner,
	#composer_nav,
	#step-container-a,
	#step-container-b,
	#step-container-c,
	#Wrap_mobile_apology_message .content-tablet,
	#Wrap_mobile_apology_message .content-alternate {
		display: none !important;
	
	}

	#Wrap_mobile_apology_message {
	    display: block !important;
	}

	#Wrap_mobile_apology_message .content {
		display: block !important;
	}
}