article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}


audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}


body {
  margin: 0;
}
body.no_scroll, html.no_scroll{
  height: 100% !important;
  overflow: hidden !important;
  width: 100% !important;
  position: static !important;
}
/* ==========================================================================
   Links
   ========================================================================== */

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */


abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
strike{color: #BBB; }
sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

hr{
  display: block;
  margin: auto;
  height: 1px;
  border: 0;
  background: #d4d4d4;
}
hr.gold{
  background: #c5a260;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

img {
  border: 0;
}


svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}


legend {
  border: 0;
  padding: 0;
}


button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}


button,
input {
  line-height: normal;
}


button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

/* ============================================ *
 * Reset
 * ============================================ */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  /* Prevent automatic scaling on iOS */
}

body {
 font-weight: lighter;
  background: #FFFFFF;
  color: #000000;

}

html,
body,
img,
fieldset,
abbr,
acronym {
  border: 0;
}

* {
  font-size: 100%;
  font-weight: inherit;
}


address {
  font-style: normal;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

ol,
ul {
  list-style: none;
}

q:before,
q:after {
  content: '';
}

input:focus,
input[type="search"]:focus {
  outline-offset: -2px;
}

input[type="search"] {
  -webkit-appearance: none;
  /* 1 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* 2 */
  box-sizing: border-box;
}



/* ============================================ *
 * Base Styles
 * ============================================ */
@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

a, button {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

body,
input,
select,
table,
textarea {

  color: #000;
  line-height: 1.5;
}


a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

a:hover{
  cursor: pointer;
}

a:focus {
  outline-color: #3091c2;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ============================================ *
 * Typography
 * ============================================ */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  color: #000000;
  font-style: normal;
  line-height: 1.2;
}

h1, .h1 { font-size: 2.4em; }

h2, .h2 { font-size: 2em; }

h3, .h3 { font-size: 1.5em; }

h4, .h4 { font-size: 1.1em; }

h5, .h5 { font-size: 1.05em; }

h6, .h6 { font-size: 12px; }



h1.decor, .h1.decor { font-size: 4.4em; }

h2.decor, .h2.decor { font-size: 4em; }

h3.decor, .h3.decor { font-size: 1.5em; }

h4.decor, .h4.decor { font-size: 1.1em; }

h5.decor, .h5.decor { font-size: 1.05em; }


/* ============================================ *
 * Content
 * ============================================ */

.content h1, .content h2,.content h3, .content h4, .content h5 { margin: 0; }


/* ============================================ *
 * Products
 * ============================================ */
  .stamp, .stamp-promotion2{
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    width: 33%;
    max-width: 170px;
   }
   .stamp img, .stamp-promotion2 img{
    width: 100%;
    height: auto;
   }
.stamp-promotion2:empty, .promotion2-text:empty {
    display: none;
}
.stamp:not(.hide) + .stamp-promotion2 {
    margin-top: 170px;
}
.category-products .stamp + .stamp {
    margin-top: 30%;
}
.category-products .stamp:empty + .stamp {
    margin-top: 0;
}
/* ============================================ *
 * User
 * ============================================ */

#header-account{ margin-top:0.5em; display: none; }

#header-account.skip-active {
    display: block;
    position: absolute;
    z-index: 200;
    top: 100%;
    right: 0;
    left: auto;
    width:100%;
    max-width: 320px;
    background: white;
}

.icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid, .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
    background-repeat: no-repeat;
    text-indent: -9999px;
}

/* ============================================ *
 * Loader
 * ============================================ */
.ias-trigger.ias-trigger-next{

}

/************************************************/
input[type="search"] {
    width: 100%;
    border: 0;
    padding: 0.5em 3em 0.5em 0.5em;
}
@media only screen and (max-width: 900px){
  input[type="search"] {
      padding: 0.5em 2em 0.5em 0.5em;
  }
}

.search_li {
    width: 0.5%;
}

#header-search {
    position: absolute;
    right: 0;
    top: 0.5em;
}

#header-search.focus {
    z-index: 999;
    left: 0;
    background: #fff;
}

.flexi_nav {
    display: none !important;
}

@media only screen and (max-width: 1199px) {
    .flexi_nav {
        display: inline-block !important;
    }

    .ds_navigation > .container {
        max-width: initial !important;
        width: 100% !important;
        padding: 0 !important;
    }

    #header-nav .search_li {
        height: 3em !important;
    }

    #header-search {
        display: none;
        background: #fff;
        border-bottom: 0.1em solid rgba(101, 101, 101, 0.5) !important;
        border-top: 0.1em solid rgba(101, 101, 101, 0.5) !important;
        position: relative !important;
        width: 100%;
        padding: 0.5em;
        top: 0;
        z-index: 1;

    }

    .skip-nav-active #header-search {
        display: block;
        margin-bottom: -3.5rem;
    }

    #search_mini_form input {
        width: 100% !important;
        color: #aaa;
    }

    .nav-primary li:first-child {
        height: 4.5em;
    }

    #header_account {
        display: none;
    }

    .skip-nav-active #header_account {
        background: #fff;
        display: block;
        top: 51px;
        position: relative;
        z-index: 1;
        border-bottom: 0.1em solid rgba(101, 101, 101, 0.5) !important;
    }

    #header_account img {
        vertical-align: middle;
    }
}
#header-search.focus .input-box{
    z-index: 9999;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: 0.5;
}
#search_autocomplete{
    z-index: 9999;
}
#header-search .input-box{ position: relative;}
#search_mini_form label {
    display: none;
}
#search_mini_form input{
  width: 1em;
  background: transparent;
    padding-left: 0px;
    padding-right: 1.5em;
}
#header-search.focus #search_mini_form input{
  width: 100% !important;
    padding: 0.5em 3em 0.5em 0.5em;
}
#search-button{
    position: absolute;
    z-index: 999;
    top: 0.5em;
    right: 0;
    background: none;
    border: 0 !important;
    min-width: 1em;
}
#search_autocomplete ul:after{
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: -20%;
  bottom: -9000px;
  right: -20%;
  width: auto;
  height: auto;
  background: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80%);
}
#search_autocomplete{
    position: absolute;
    left: 0px;
    top: 3em !important;
    width: 1120px;
    background: #fff;
}
#search_autocomplete li{
    color:#999;
    padding: 0.5em 3em;
}
#search_autocomplete li.selected{
  background: rgba(0,0,0,0.02);
  color:#555;
}
#search_autocomplete li .amount{
  display: none;
}

.input-box:after {
    content: '';
    display: table;
    clear: both;
}

.product-view .sharing-links a {
    text-indent: -9999px;
    display: block;
    width: 26px;
    height: 26px;
}

.product-view .sharing-links a.link-email-friend {
    background-position: 0px -322px;
}
.product-view .sharing-links a.link-facebook {
    background-position: 0px -425px;
}
.product-view .sharing-links a.link-twitter {
    background-position: 0px -372px;
}

/* ============================================ *
 * Newsletter
 * ============================================ */
.old-price{
  color: #999999;
  text-decoration: line-through;
}

.newsletter .email{  max-width: 400px; }
.newsletter input[type="text"] { background: rgba(255,255,255,.05);padding: 0.5em;border: none; width: 100%; max-width: 400px;height: 2.3em;}
.block-subscribe.newsletter button {background: transparent;  border:0;  position: absolute; bottom: 1em; left:.2em; padding:0; min-width: 0; }
footer .newsletter button {background: transparent;  border:0;  position: absolute; top: 1em; left:0; padding:0; min-width: 0; }
.block-subscribe.newsletter button:hover {background: transparent;  border:0;  position: absolute; bottom: 1em; left:.5em; padding:0; opacity: 0.6;}
footer .newsletter button:hover {background: transparent;  border:0;  position: absolute; top: 1em; left:0; padding:0; }
.newsletter .success-msg{
  margin-top: 0.3em;
  font-size: 1.4em;
  line-height: 1.4em;
  color:#20c64b;
}
.newsletter .error-msg{
  margin-top: 0.3em;
  font-size: 1.4em;
  line-height: 1.4em;
  color: #f00;
}
.newsletter .newsletter_submit{
  color: #fff;
  font-size: 1.5em;
  margin: 0;
  margin-top: -0.4em;
  padding: 0;
  line-height: 0;
}

.newsletter #newsletter_footer{
  color: #fff !important;
}

footer .newsletter input:-webkit-autofill {
  color: #fff !important;
  background-color: none;
  background-image: none;
  -webkit-box-shadow: 0 0 0px 1000px #2c2c2c inset;
}

/* ============================================ *
 * Accordion
 * ============================================ */
.accordion-section-content { display:none; padding:1em 0; color: #000; font-size: .9em; }
.accordion-section-title { width:100%; display:inline-block; border-bottom: 1px solid #ddd; padding:1em 0;}
.accordion-section-title.active { text-decoration:none; }
.accordion-section-title .plus{  display: inline-block; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transition: transform 0.5s; -webkit-transition: transform 0.5s; transition: transform 0.5s}
.accordion-section-title.active .plus{ display: inline-block; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
.imageplus{ content:url(http://iconizer.net/files/Wireframe_mono_icons/orig/round_plus.png); }


.accordion-title .plus{ display: inline-block; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transition: transform 0.5s; -webkit-transition: transform 0.5s; transition: transform 0.5s}
.accordion-title.ui-accordion-header-active .plus{ display: inline-block; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}

/* ============================================ *
 * Catalog - Product
 * ============================================ */
.product-image-gallery { position: relative; }

.product-image-gallery .gallery-image { display: none; }

.product-image-gallery .gallery-image.visible { display: block; width: 100%; }
.product-image-gallery .gallery-image.visible.hidden { visibility: hidden; }

.product-image-gallery.loading { position: relative; }


/* ============================================ *
 * Custom
 * ============================================ */
.axis_x {
    display: inline-block;
    width: 1px;
    margin: 0 -1px 0;
    height:100%;
}

.h_4{ height:4em;}
.font_s{font-size:0.8em;}
.font_m{font-size:1em;}
.p_padding_hf{ padding:0.5%;}

.margin_t_-hf{ margin-top: -0.5em; }
.margin_t_negative{ margin-top: -2.1em; }

.catalogsearch-result-index .category > .container {min-height: 500px;}

.white-popup{
  margin: 2em;
  display:inline-block;
  position: relative;
}
.white-popup div {
  margin: auto;
}
.white-popup div.dashboard {
  background: #fff;
}

.newsletter-popup {
  position: relative;
  display: inline-block;
  max-width: 30em;
  box-shadow: 0 0 1em rgba(0,0,0,0.2);
}
.f_s{font-size: 1.2em !important;}
.newsletter.newsletter_bg.block.block-subscribe.f_s{font-size: 1.2em !important;}

.header-wishlist .mb-search-icon {
    display: none;
}
#check_qty div, #check_qty h4 {
    color: #606060;
}
#check_qty .icon {
    opacity: 0.5;
}
.mobile-only {
    display: none;
}

@media only screen and (max-width: 767px) {
    .mobile-only {
        display: block;
    }
    .stamp:not(.hide) + .stamp-promotion2 {
        margin-top: 80px;
    }
}

.store-locator-wrapper .bullets {
    padding: 60px 0 20px;
    display: flex;
}

.store-locator-wrapper .bullets li {
    list-style: none;
    flex: 0 0 33.33333333%;
    text-align: center;
}

.store-locator-wrapper .bullets img {
    max-width: 60px;
}

.store-locator-wrapper .content-wrapper .content-bottom .bullets p {
    margin: 0 0 10px;
    line-height: 1.2em;
}
.product-options {
    text-align: right;
}
.product-option-engraving {
    margin-bottom: 30px;
    text-align: right;
}
.product-option-engraving a.link {
    color: #0070c9;
    font-weight: 400;
    cursor: pointer;
    font-size: 18px;
}
.product-option-engraving > div:not(:last-child) {
    background: url("../images/engraving.svg") right center no-repeat;
    padding-right: 35px;
    font-size: 18px;
}
.engraving-result {
    padding-right: 35px;
    font-size: 15px;
}
.engraving-popup h2 {
    padding: 60px 0 30px 0;
    margin: 0 auto;
    font-weight: bold;
    font-size: 26px;
}
.engraving-control {
    margin: 0 auto;
    padding-bottom: 25px;
    padding-top: 45px;
    max-width: 95%;
}
.engraving-control .input-field {
    margin-bottom: 18px;
}
.engraving-button {
    padding-top: 18px;
}
.engraving-control button {
    width: 100%;
    font-size: 13px;
}
.engraving-control input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b7b6b6;
    opacity: 1; /* Firefox */
}

.engraving-control input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b7b6b6;
}

.engraving-control input::-ms-input-placeholder { /* Microsoft Edge */
    color: #b7b6b6;
}
.design-content {
    position: relative;
}
.engraving-note {
    text-align: right;
    font-size: 15px;
}
.engraving-preview {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    font-size: 8px;
    color: #75767a;
}
.engraving-section .validation-advice {
    text-align: right;
}
.customer-student-register .main-wrapper {
    font-weight: 400;
}
.customer-student-register .action .icon {
    display: inline-block;
    vertical-align: middle;
    height: 1.2em;
}
.customer-student-register .action {
    padding-top: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f4f4f4;
}
.customer-student-register .action a {
    color: #004567;
    text-decoration: underline;
}
.customer-student-register .hero-text {
    background: #000;
    padding-bottom: 100%;
    width: 100%;
    height: 100%;
}
.customer-student-register .hero-text h1 {
    padding: 0;
    margin: 0;
    color: #fff;
    font-weight: 500;
    font-size: 80px;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    width: 100%;
    text-align: center;
}
.customer-student-register .note {
    font-size: 13px;
    padding-right: 15px;
}
.customer-student-register .msg-container:empty {
    display: none;
}
.student-login {
    margin-bottom: 15px;
}
.customer-student-register .main-wrapper {
    display: flex;
}
.customer-student-register .main-wrapper > .inline {
    flex: 1;
}
.student-form .file-field {
    position: relative;
}
.student-form .file-field input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
}
.student-form .file-field input[type="text"] {
    padding-right: 120px;
}
.student-form .input-box {
    width: 562px;
    max-width: 100%;
}
.student-form input[type="text"], .student-form select, .student-form input[type="password"] {
    height: 45px;
    border: 2px solid #f4f4f4;
    max-width: 100%;
}
.student-form .file-field .btn-sm {
    position: absolute;
    top: 15px;
    right: 15px;
}
.student-form .approve-year {
    position: relative;
    width: 153px;
}
.student-form select {
    -webkit-appearance:none;
    appearance:none;
    -moz-appearance:none;
    background: transparent;
    position: relative;
    z-index: 2;
}
.student-form .buttons-set {
    margin-bottom: 30px;
    text-align: left;
    padding: 0.5em 0 0.5em 0.5em;
}
.student-form .approve-year .caret {
    position: absolute;
    left: 13px;
    padding-right: 8px;
    top: 10px;
    z-index: 1;
    border-right: 2px solid #f4f4f4;;
}
.student-form .button.inverse {
    height: 37px;
    line-height: 37px;
    padding: 0;
}
.student-form .file-field .button.inverse {
    margin-top: -3px;
    margin-right: -4px;
}
.customer-student-register .success-msg {
    color: #008000;
}
.branch-shipping .label {
    float: left;
    margin-top: -25px;
    padding-right: 25px;
    color: #f66d10;
}
.show-branch-shipping {
    color: #f66d10;
    max-width: 246px;
    margin: 10px auto;
}
.show-branch-shipping .icon-wrapper {
    width: 30px;
}
.show-branch-shipping .desc-wrapper {
    width: calc(100% - 30px);
    text-align: right;
    padding-right: 13px;
}
.gift-voucher-container .title {
    font-size: 18px;
}
.gift-voucher-container .validation-failed + .validation-advice + .validation-advice {
    display: none;
}
.gift-voucher-container .input-box {
    display: flex;
    margin: 25px 0 25px 10px;
    position: relative;
}
.gift-voucher-container .validation-advice {
    position: absolute;
    top: 100%;
    right: 108px;
}
.gift-voucher-container label {
    font-size: 10px;
    color: #185970;
    width: 108px;
    padding-top: 10px;
    font-weight: 400;
}
.gift-voucher-container input[type="text"], .gift-voucher-container button.inverse {
    height: 34px;
    border: 1px solid #004567;
    border-radius: 0;
}
.gift-voucher-container button.inverse[disabled] {
    opacity: 0.5;
}
.gift-voucher-container input[type="text"] {
    font-size: 16px;
}
.gift-voucher-container button.inverse {
    font-size: 10px;
    min-width: 60px;
}
.gift-voucher-container .used-voucher {
    margin-bottom: 25px;
}
@media only screen and (max-width: 1024px) {
    .header-wishlist .mb-search-icon {
        display: inline-block;
        vertical-align: top;
        padding-top: 3px;
    }

    .header-wishlist a.show {display: none !important;}
    #header-search.visible {display: block}
}
.white-popup > .inner-padding { min-width: 250px;}
@media only screen and (min-width: 768px) {
    .gift-voucher-container .input-box {
        margin: 40px 0;
    }
    .gift-voucher-container label {
        font-size: 11px;
        width: 90px;
        padding-top: 8px;
    }
    .gift-voucher-container button.inverse {
        width: 64px;
        font-size: 11px;
    }
    .gift-voucher-container input[type="text"], .gift-voucher-container button.inverse {
        height: 32px;
    }
    .gift-voucher-container input[type="text"] {
        width: 278px;
    }
    .gift-voucher-container .validation-advice {
        right: 90px;
    }
    .gift-voucher-container .used-voucher {
        margin-bottom: 45px;
    }
    .product-option-engraving a.link {
        font-size: 18px;
    }
    .engraving-popup h2 {
        padding: 40px 0 15px 0;
        font-size: 28px;
    }
    .engraving-control {
        max-width: 525px;
    }
    .engraving-preview {
        font-size: 12px;
    }
    .customer-student-register .hero-text {
        width: 100%;
        padding-bottom: 100%;
    }
    .white-popup > .inner-padding { min-width: 400px;}
}
@media only screen and (min-width: 1024px) {
    .engraving-popup { width: 700px; }
    .flexible-input-datetime {position: relative}
    .flexible-input-datetime button.ui-datepicker-trigger {
        min-width: 14px;
        margin: 0;
        margin-left: 0px !important;
        position: absolute;
        right: -26px;
        top: 7px;
        padding: 10px;
    }
}
@media only screen and (min-width: 1366px) {
    .branch-shipping .label {
        margin-top: -28px;
        padding-right: 28px;
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 1600px) {
    .engraving-popup { width: 816px; }
    .engraving-popup h2 {
        padding: 80px 0 30px 0;
        font-size: 35px;
    }
    .student-form .buttons-set {
        margin-right: 555px;
        text-align: right;
    }
}
@media only screen and (max-width: 1023px) {
    .flexible-input-datetime button.ui-datepicker-trigger {
        min-width: 14px;
        padding: 5px 0 0 10px;
    }
}

@media only screen and (max-width: 768px) {
    .mfp-fade.mfp-bg.mfp-ready.engraving-section {
        opacity: 1;
        background: #fff;
    }
    .engraving-note {
        font-size: 13px;
    }
    .engraving-section .validation-advice {
        font-size: 12px;
    }
    .engraving-section a.mfp-close .x1{
        width: 24px;
        height: 24px;
    }
    .engraving-section input[type="text"] {
        padding: 0.5em;
        font-size: 15px;
    }
    .engraving-button .field {
        margin-top: 10px;
        font-size: 15px;
    }
    .engraving-section button, .engraving-section .button {
        padding: 0.5em 1em;
        font-size: 15px;
    }
    .engraving-section .mfp-content {
        vertical-align: top;
    }
    .engraving-section a.mfp-close {
        right: 20px;
        top: 20px;
    }
    .engraving-section .white-popup {
        margin: 0;
    }
    .engraving-section .mfp-container {
        padding-left: 0;
        padding-right: 0;
    }
    .engraving-control {
        font-size: 0.8em;
    }
    .store-locator-wrapper .bullets {
        flex-direction: column;
    }

    .store-locator-wrapper .bullets li:not(:last-child) {
        flex: auto;
        margin: 0 0 20px;
    }
}
@media only screen and (max-width: 767px) {
    .shipping_flatrate_flatrate select {
        max-width: 100%;
    }
    .customer-student-register .main-wrapper {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .customer-student-register .main-wrapper > .inline:first-child {
        padding-left: 5px;
        padding-right: 5px;
    }
    .customer-student-register .hero-text h1 {
        font-size: 40px;
    }
    .customer-student-register .main-wrapper > .inline {
        overflow: hidden;
        max-width: 100%;
        box-sizing: border-box;
    }
    .student-form .buttons-set {
        margin-right: 0;
        text-align: center;
    }
}

.sf-pro-text-300 {
  font-family: "SF Pro Text", "Open Sans Hebrew", serif;
  font-weight: 300 !important;
}

.sf-pro-text-400 {
  font-family: "SF Pro Text", "Open Sans Hebrew", serif;
  font-weight: 400 !important;
}

.sf-pro-text-500 {
  font-family: "SF Pro Text", "Open Sans Hebrew", serif;
  font-weight: 500 !important;
}

.sf-pro-text-600 {
  font-family: "SF Pro Text", "Open Sans Hebrew", serif;
  font-weight: 600 !important;
}

.sf-pro-text-700 {
  font-family: "SF Pro Text", "Open Sans Hebrew", serif;
  font-weight: 700 !important;
}

.sf-pro-display-300 {
  font-family: "SF Pro Display", "Open Sans Hebrew", serif;
  font-weight: 300 !important;
}

.sf-pro-display-400 {
  font-family: "SF Pro Display", "Open Sans Hebrew", serif;
  font-weight: 400 !important;
}

.sf-pro-display-500 {
  font-family: "SF Pro Display", "Open Sans Hebrew", serif;
  font-weight: 500 !important;
}

.sf-pro-display-600 {
  font-family: "SF Pro Display", "Open Sans Hebrew", serif;
  font-weight: 600 !important;
}

.sf-pro-display-700 {
  font-family: "SF Pro Display", "Open Sans Hebrew", serif;
  font-weight: 700 !important;
}