<style>

.shg-sld-nav-button.shg-sld-left,
.shg-sld-nav-button.shg-sld-right {
margin-top: -3%;
}

.shg-sld-dots {
margin-top: 30px;
}

.shg-box-content-modal {
z-index: 6;
}

.shg-box-content-modal-shipping {
z-index: 5;
}

/** DISCLAIMER MODAL **/

.zg_modal {
display: inline-block;
position: absolute;
bottom: 0%;
right: 0%;
text-align: right;
width: 80%;
}

.zg_modal>.modal-trigger {
display: none;
}

.zg_modal>.modal-trigger~.modal-overlay {
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
z-index: 100;
position: fixed;
visibility: hidden;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
background-color: rgba(0, 0, 0, 0.5);
/* background-color: rgba(0,0,0,0); */
}

.zg_modal>.modal-trigger~.modal-container {
top: 50%;
left: 50%;
opacity: 0;
z-index: 110;
position: fixed;
visibility: hidden;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.zg_modal>.modal-trigger:checked~.modal-overlay,
.zg_modal>.modal-trigger:checked~.modal-container {
opacity: 1;
visibility: visible;
}

.modal_button {
color: #000;
cursor: pointer;
line-height: 3rem;
padding: .5rem;
background-color: #fff;
/*font: 14px sans-serif;*/
font: 14px sans-serif;
font-family: 'NeutrafaceText-Book';
}

.modal_card {
overflow-y: scroll;
border-radius: 2px;
background-color: #fff;
width: 700px;
height: 300px;
/*height: auto;*/
margin: 0 auto;
font-family: Proxima Nova, proxima-nova, "Helvetica Neue", Helvetica, sans-serif;
font-size: 13px;
color: #000;
line-height: initial;
-moz-box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
}

.modal_card .card-header,
.modal_card .d-card-body {
padding: 0 2.5rem 1.5rem;
text-align: justify;
}

.modal_card .d-card-footer {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}

.modal_card .d-card-footer .modal_item {
-webkit-box-flex: 1;
flex: 1;
padding: .8rem;
text-align: right;
}

.modal_card .d-card-footer .modal_item.action {
cursor: pointer;
}


.d-card-title {
text-align: left;
font-size: 13px;
margin-bottom: 15px;
margin-top: 0;
}
/* END DISCLAIMER MODAL */

/** SHIPPING MODAL **/
.sd_modal {
display: inline-block;
padding: 15px 0 0 0;
right: 0%;
text-align: center;
width: 100%;
height: 50px;
background-color: #323843;
}

.sd_modal>.sdmodal-trigger {
display: none;
}

.sd_modal>.sdmodal-trigger~.sdmodal-overlay {
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
z-index: 100;
position: fixed;
visibility: hidden;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
background-color: rgba(0, 0, 0, 0.5);
/* background-color: rgba(0,0,0,0); */
}

.sd_modal>.sdmodal-trigger~.sdmodal-container {
top: 50%;
left: 50%;
opacity: 0;
z-index: 110;
position: fixed;
visibility: hidden;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.sd_modal>.sdmodal-trigger:checked~.sdmodal-overlay,
.sd_modal>.sdmodal-trigger:checked~.sdmodal-container {
opacity: 1;
visibility: visible;
}

.sdmodal_button {
color: #fff;
cursor: pointer;
/*line-height: 3rem;
padding: .5rem;
background-color: #fff;*/
font: 15px sans-serif;
font-family: 'NeutrafaceText-Book';
}

.sdmodal_card {
overflow-y: scroll;
border-radius: 2px;
background-color: #fff;
width: 700px;
height: 500px;
/* height: auto; */
margin: 0 auto;
font-family: Proxima Nova, proxima-nova, "Helvetica Neue", Helvetica, sans-serif;
font-size: 13px;
color: #000;
line-height: initial;
-moz-box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
}

.sdmodal_card .sdcard-header,
.sdmodal_card .sdd-card-body {
padding: 0 2.5rem 1.5rem;
text-align: justify;
}

.sdmodal_card .sdd-card-footer {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}

.sdmodal_card .sdd-card-footer .sdmodal_item {
-webkit-box-flex: 1;
flex: 1;
padding: .8rem;
text-align: right;
}

.sdmodal_card .sdd-card-footer .sdmodal_item.action {
cursor: pointer;
}

.sdd-card-title {
text-align: left;
font-size: 13px;
margin-bottom: 15px;
margin-top: 0;
}
/* END SHIPPING MODAL */

/* MOBILE MODALS */
.m-shg-box-content-modal {
z-index: 15;
}

/** MOBILE DISCLAIMER MODAL **/

.zg_m_modal {
display: inline-block;
position: absolute;
/*bottom:0%;  to move the vertical position of the Details CTA*/
/* top: 0;*/
/*to move the vertical position of the Details CTA*/
right: 0%;
text-align: right;
width: 100%;
}

.zg_m_modal>.m-modal-trigger {
display: none;
}

.zg_m_modal>.m-modal-trigger~.m-modal-overlay {
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
z-index: 100;
position: fixed;
visibility: hidden;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
background-color: rgba(0, 0, 0, 0.5);
/* background-color: rgba(0,0,0,0); */
}

.zg_m_modal>.m-modal-trigger~.m-modal-container {
top: 65%;
left: 50%;
opacity: 0;
z-index: 110;
position: fixed;
visibility: hidden;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 95%;
margin: 0 auto;
}

.zg_m_modal>.m-modal-trigger:checked~.m-modal-overlay,
.zg_m_modal>.m-modal-trigger:checked~.m-modal-container {
opacity: 1;
visibility: visible;
}

.m_modal_button {
color: #000;
cursor: pointer;
line-height: 3rem;
padding: .5rem;
background-color: #fff;
font: 13px sans-serif;
font-family: NeutrafaceText-Book;
}

/* .modal_button:hover {
background-color: #ccc;
} */

.m_modal_card {
overflow-y: scroll;
border-radius: 2px;
background-color: #fff;
/* width:70%;*/
height: 425px;
/* height: auto; */
margin: 0 auto;
font-family: Proxima Nova, proxima-nova, "Helvetica Neue", Helvetica, sans-serif;
font-size: 14px;
}

.m_modal_card .m-card-header,
.m_modal_card .m-card-body {
padding: 0 2rem 2rem;
text-align: justify;
}

.m_modal_card .m-card-footer {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}

.m_modal_card .m-card-footer .m_modal_item {
-webkit-box-flex: 1;
flex: 1;
padding: .8rem;
text-align: right;
}

.m_modal_card .m-card-footer .m_modal_item.action {
cursor: pointer;
}

/* .modal_card .card-footer .modal_item.action:hover {
background-color: #ccc;
} */

.m-card-title {
text-align: left;
font-size: 14px;
margin-top: 0;
font-weight: 700;
font-family: NeutrafaceText-Book;
}
/* END MOBILE DISCLAIMER MODAL */

</style>