@import url("https://use.typekit.net/fnn7reo.css");

@font-face {
    font-family: 'proxima_novaregular';
    src: url('../fonts/mark_simonson_-_proxima_nova_regular-webfont.eot');
    src: url('../fonts/mark_simonson_-_proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mark_simonson_-_proxima_nova_regular-webfont.woff2') format('woff2'),
         url('../fonts/mark_simonson_-_proxima_nova_regular-webfont.woff') format('woff'),
         url('../fonts/mark_simonson_-_proxima_nova_regular-webfont.ttf') format('truetype'),
         url('../fonts/mark_simonson_-_proxima_nova_regular-webfont.svg#proxima_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../fonts/mark_simonson_-_proxima_nova_semibold-webfont.eot');
    src: url('../fonts/mark_simonson_-_proxima_nova_semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mark_simonson_-_proxima_nova_semibold-webfont.woff2') format('woff2'),
         url('../fonts/mark_simonson_-_proxima_nova_semibold-webfont.woff') format('woff'),
         url('../fonts/mark_simonson_-_proxima_nova_semibold-webfont.ttf') format('truetype'),
         url('../fonts/mark_simonson_-_proxima_nova_semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'proxima_novabold';
    src: url('../fonts/mark_simonson_-_proxima_nova_bold-webfont.eot');
    src: url('../fonts/mark_simonson_-_proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mark_simonson_-_proxima_nova_bold-webfont.woff2') format('woff2'),
         url('../fonts/mark_simonson_-_proxima_nova_bold-webfont.woff') format('woff'),
         url('../fonts/mark_simonson_-_proxima_nova_bold-webfont.svg#proxima_novabold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'oswaldmedium';
    src: url('../fonts/oswald-medium-webfont.eot');
    src: url('../fonts/oswald-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-medium-webfont.woff2') format('woff2'),
         url('../fonts/oswald-medium-webfont.woff') format('woff'),
         url('../fonts/oswald-medium-webfont.ttf') format('truetype'),
         url('../fonts/oswald-medium-webfont.svg#oswaldmedium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'ExoBold';
    src: url('../fonts/ExoBold.eot');
    src: url('../fonts/ExoBold.eot') format('embedded-opentype'),
         url('../fonts/ExoBold.woff2') format('woff2'),
         url('../fonts/ExoBold.woff') format('woff'),
         url('../fonts/ExoBold.ttf') format('truetype'),
         url('../fonts/ExoBold.svg#ExoBold') format('svg');
}

@font-face {
    font-family: 'ExoMedium';
    src: url('../fonts/ExoMedium.eot');
    src: url('../fonts/ExoMedium.eot') format('embedded-opentype'),
         url('../fonts/ExoMedium.woff2') format('woff2'),
         url('../fonts/ExoMedium.woff') format('woff'),
         url('../fonts/ExoMedium.ttf') format('truetype'),
         url('../fonts/ExoMedium.svg#ExoMedium') format('svg');
}




@font-face {
    font-family: 'rajdhanibold';
    src: url('../fonts/rajdhani-bold-webfont.eot');
    src: url('../fonts/rajdhani-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rajdhani-bold-webfont.woff2') format('woff2'),
         url('../fonts/rajdhani-bold-webfont.woff') format('woff'),
         url('../fonts/rajdhani-bold-webfont.ttf') format('truetype'),
         url('../fonts/rajdhani-bold-webfont.svg#rajdhanibold') format('svg');
    font-weight: normal;
    font-style: normal;
font-display: swap;
}


@font-face {
    font-family: 'rajdhanisemibold';
    src: url('../fonts/rajdhani-semibold-webfont.eot');
    src: url('../fonts/rajdhani-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rajdhani-semibold-webfont.woff2') format('woff2'),
         url('../fonts/rajdhani-semibold-webfont.woff') format('woff'),
         url('../fonts/rajdhani-semibold-webfont.ttf') format('truetype'),
         url('../fonts/rajdhani-semibold-webfont.svg#rajdhanisemibold') format('svg');
    font-weight: normal;
    font-style: normal;
font-display: swap;
}

@font-face {
    font-family: 'rajdhaniregular';
    src: url('../fonts/rajdhani-regular-webfont.eot');
    src: url('../fonts/rajdhani-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rajdhani-regular-webfont.woff2') format('woff2'),
         url('../fonts/rajdhani-regular-webfont.woff') format('woff'),
         url('../fonts/rajdhani-regular-webfont.ttf') format('truetype'),
         url('../fonts/rajdhani-regular-webfont.svg#rajdhaniregular') format('svg');
    font-weight: normal;
    font-style: normal;
font-display: swap;
}

@font-face {
    font-family: 'Exo2Light';
    src: url('../fonts/Exo2Light.eot');
    src: url('../fonts/Exo2Light.eot') format('embedded-opentype'),
         url('../fonts/Exo2Light.woff2') format('woff2'),
         url('../fonts/Exo2Light.woff') format('woff'),
         url('../fonts/Exo2Light.ttf') format('truetype'),
         url('../fonts/Exo2Light.svg#Exo2Light') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo2SemiBold';
    src: url('../fonts/Exo2SemiBold.eot');
    src: url('../fonts/Exo2SemiBold.eot') format('embedded-opentype'),
         url('../fonts/Exo2SemiBold.woff2') format('woff2'),
         url('../fonts/Exo2SemiBold.woff') format('woff'),
         url('../fonts/Exo2SemiBold.ttf') format('truetype'),
         url('../fonts/Exo2SemiBold.svg#Exo2SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo2Bold';
    src: url('../fonts/Exo2Bold.eot');
    src: url('../fonts/Exo2Bold.eot') format('embedded-opentype'),
         url('../fonts/Exo2Bold.woff2') format('woff2'),
         url('../fonts/Exo2Bold.woff') format('woff'),
         url('../fonts/Exo2Bold.ttf') format('truetype'),
         url('../fonts/Exo2Bold.svg#Exo2Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo2Regular';
    src: url('../fonts/Exo2Regular.eot');
    src: url('../fonts/Exo2Regular.eot') format('embedded-opentype'),
         url('../fonts/Exo2Regular.woff2') format('woff2'),
         url('../fonts/Exo2Regular.woff') format('woff'),
         url('../fonts/Exo2Regular.ttf') format('truetype'),
         url('../fonts/Exo2Regular.svg#Exo2Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root{
    --exo-2-regular: 'Exo2Regular';
    --exo-2-light: 'Exo2Light';
    --exo-2-semibold: 'Exo2SemiBold';
    --exo-2-bold: 'Exo2Bold';
    --white: #ffffff;
    --text-center: center;
    --pansy-purple: #701739;
    --light-green : #03d87f;
    --black: #000000;
    --burgundy: #9f0e45;
    --burgundy-text: #4b172b;
    --light-blue: #6ecee940;
    --dark-yellow: #F5A227;
    --space-cadet: #15264C;
    --suez-canal : #245F85;
    --light-yellow: #FDBB1133;
    --proxima-nova-regular: 'proxima_novaregular';
    --proxima-nova-semibold: 'proxima_novasemibold';
    --oswald-medium: 'oswaldmedium';
    --proxima-nova-medium: "proxima-nova",sans-serif;
    --proxima-nova-bold: 'proxima_novabold';
    --Exo-bold: 'ExoBold';
    --Exo-medium: 'ExoMedium';
/*    font-family: "proxima-nova",sans-serif;*/
}

*{margin: 0; box-sizing: border-box;padding: 0;}
body {font-family: var(--proxima-nova-medium); background: #fafafa; color: var(--black);}
img {max-width: 100%; height: auto; width: auto;}

.exo-2-light {font-family: 'Exo2Light';}
.exo-2-semibold {font-family: 'Exo2SemiBold'; }
.exo-2-bold {font-family: 'Exo2Bold';}
.container-fluid {width: 100%; max-width: 600px; padding: 0 40px; margin: 0 auto; display: flex; flex-direction: column;}



/*.upload-img-sec {padding: 50px 0; min-height: 500px;}*/
/*.upload-img-sec {min-height: 500px;}*/
.upload-img {margin-bottom: 30px; min-height: 300px;}
.upload-img img {width: 100%;}
/*.select-size {position: relative; margin-bottom: 18px; z-index: 4;}*/
.product-selected-size {cursor: pointer; border:3px solid var(--pansy-purple);display: block; box-shadow: 1px 1px 30px 11px rgba(162,162,162,0.2); font-size: 30px; font-family: var(--exo-2-semibold); padding: 23px 70px 25px 35px; border-radius: 14px; color: var(--pansy-purple); position: relative; z-index: 1; background: var(--white); display: flex; justify-content: space-between;}
.product-selected-size::after {position: absolute; content: ""; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid var(--pansy-purple); transition: all 0.3s ease-in-out;  top: 50%; transform: translateY(-50%); right: 30px; }
.product-size {position: absolute; top: 77px; left: 0; right: 0; background: var(--white);border:3px solid var(--pansy-purple); border-top:0; padding: 25px 30px 17px;  border-bottom-left-radius:15px; border-bottom-right-radius:15px; overflow: hidden; display: none; list-style: none; max-height: 375px; overflow-y: auto;}
.product-size li{cursor: pointer; padding: 18px 0px; font-size: 24px; border-bottom: 1px solid #d4d4d4;  color: #220611; font-family: var(--exo-2-semibold); display: flex; align-items: center; justify-content: space-between;}
.dropdown-price {color: #ff3535; display: inline-block; padding-left: 5px;}
.product-size li:last-child {border-bottom: none;}
/*.select-size.active .product-selected-size::after {transition: all 0.3s ease-in-out; transform: translateY(-50%) rotate(180deg); }*/
/*.select-size.select-identical-copies {z-index: 3; margin-bottom: 0;}*/
.product.rotating-light-base {margin-bottom: 52px;}
.product-img-wrap {position: relative; box-shadow: 0 3px 6px #0000001A; display: flex; justify-content: center;  background: var(--white); border-radius: 4px; border: 1px solid var(--white); min-height: 132px;}
.product.active .product-img-wrap {border-color: var(--suez-canal);}

.disney-world .product-img-wrap{min-height: 250px; padding-top: 40px;}
.product-img-wrap input[type="checkbox"] {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; cursor: pointer; width: 100%; height: 100%; opacity: 0; }
.product-price {font-size: 36px; font-family: var(--proxima-nova-medium); display: block;  color: var(--suez-canal); line-height: 1.2;}
.custom-radio {width: 32px; height: 32px; display: inline-block; position: absolute; top: 20px; right: 16px; border-radius: 4px; overflow: hidden; z-index: 1; background: #dedede;}
.custom-radio::after {content: ""; width: 7px; height: 16px; border: solid var(--white); border-width: 0 4px 4px 0; transform: translate(-50%, -50%) rotate(45deg); position: absolute; top: 44%; left: 50%;}
.product-img-wrap  input[type="checkbox"]:checked ~ .custom-radio  {background: var(--dark-yellow);}
.product-content {padding: 20px 53px 18px 18px; height: 100%;}
.product-content h2{font-size: 24px; font-family: var(--proxima-nova-medium); color: var(--black); margin-bottom: 10px; font-weight: 500; line-height: 1.2;}
.mickey-minnie .product-img-wrap{padding: 85px 40px 40px; outline: 3px dashed var(--pansy-purple); outline-offset: 7px; margin-bottom: 32px;}
.keychain .product-img-wrap{padding: 35px 40px;}
.text-engraving {padding: 100px 40px 50px;display: flex; flex-wrap: wrap; width: 100%;}
.text-engraving input{width: 100%;border: 2px solid var(--pansy-purple); padding: 22px 30px; position: relative; font-size: 22px; background: #f4f4f4; border-radius: 12px; outline: none; z-index: 2; font-family: 'Exo2Regular';}
.text-engraving input {box-shadow: 0 0 0px 1000px #f4f4f4 inset;}
.text-engraving input + input {margin-top: 15px;}
.text-engraving input::-webkit-input-placeholder {color: #707070; }
.text-engraving input::-ms-input-placeholder {color: #707070; }
.text-engraving input::placeholder {color: #707070; }
.common-form {background: var(--white); box-shadow: 0 3px 6px #0000001A; padding: 25px 20px; border-radius: 4px; margin-bottom: 30px; position: relative;}
.form-group {margin-bottom: 16px;}
.common-form input, .common-form select, .common-form textarea {width: 100%;padding: 16px; border-radius: 2px; background-color: var(--white); border: none; outline: none; font-size: 22px; position: relative; font-family: var(--proxima-nova-regular); border: 1px solid #CDCFD1; color: var(--black); display: block; z-index: 2;}
.common-form label {font-size: 22px; line-height: 1;}
.common-form input::-webkit-input-placeholder, .common-form textarea::-webkit-input-placeholder {color: #949494; }
.common-form input::-ms-input-placeholder, .common-form textarea::-ms-input-placeholder {color: #949494; }
.common-form input::placeholder, .common-form textarea::placeholder {color: #949494;}
.common-form select {-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;background-image: url(../images/down-arrow.svg); background-size: 10px; background-position-y: center; background-position-x: calc(100% - 18px); background-repeat: no-repeat; padding: 16px 38px 16px 16px;}
.common-form textarea {resize: none; height: 120px;}



.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0;}
.field-wrap {position: relative;}
.field-wrap input {-webkit-box-shadow: 0 0 0px 1000px #ffffff inset;}
.field-wrap input[type=number]::-webkit-inner-spin-button, 
.field-wrap input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
.name-icon{display: flex; position: absolute; width: 34px; top: 50%; transform: translateY(-50%); left: 25px; z-index: 1;}
.email-icon{display: flex; position: absolute; width: 33px; top: 50%; transform: translateY(-50%); left: 25px; z-index: 1;}
.phone-icon{display: flex; position: absolute; width: 33px; top: 50%; transform: translateY(-50%); left: 25px; z-index: 1;}
.name-icon img, .email-icon img, .phone-icon img {display: flex; width: 100%;} 

.notify-customer {margin-top: 10px; font-size: 17px; color: #949494; display: block; font-family: var(--proxima-nova-regular); line-height: 1.1;}
.common-form .form-group:last-child {margin-bottom: 0}
.switch {position: relative; display: inline-block; width: 100%; display: flex;}
/*.switch input {opacity: 0; width: 0; height: 0; }*/
.switch input {opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.switch-slider { background-color:  var(--white); -webkit-transition: .4s; transition: .4s; display:flex; position: relative; width: 100%; border-radius: 14px; box-shadow: 1px 1px 30px 11px rgba(162,162,162,0.2); cursor: pointer;}
.switch-slider:before {position: absolute; content: ""; height: calc(100% - 6px); width: 50%; right: 0px; bottom: 0px; background-color: #f57336; -webkit-transition: .4s; transition: .4s; border:3px solid var(--white); border-radius: 12px;}
.switch-slider span {width: 50%; display: block; border:3px solid transparent; font-family: 'rajdhanibold'; font-size: 48px; text-align: center; position: relative; padding: 14px 7px 12px;}
.switch input:checked + .switch-slider {background-color: var(--white); }
.switch input:checked + .switch-slider:before {-webkit-transform: translateX(calc(-100% + 12px)); -ms-transform: translateX(calc(-100% + 12px)); transform: translateX(calc(-100% + 12px)); }
.custom-switch {width: 100%; margin-bottom: 20px;}
.switch-slider .two-d {color: var(--white);}
.switch-slider .three-d {color:  #f57336;}
.switch input:checked + .switch-slider .two-d {color: #f57336; -webkit-transition: .4s; transition: .4s;}
.switch input:checked + .switch-slider .three-d {color: var(--white);  -webkit-transition: .4s; transition: .4s;}
.pickup-hours {display: flex; margin-bottom: 60px;}
.pickup-hours>span {width: 50%; display: block; text-align: center; color: #5d5151; font-size: 22px; font-family: 'rajdhanisemibold';}
.pickup-hours>span span {color: #ff3535;}
.price-title {color: var(--black); font-family: var(--oswald-medium); font-size: 21px; display: block; text-align: center; line-height: 1.2; margin-bottom: 2px;}
.price {font-size: 42px; color: var(--dark-yellow); display: block; text-align: center; font-family: var(--proxima-nova-bold); line-height: 1.2;}
.total-price {margin-bottom: 20px;}
.order-review-btn .submit {font-family: var(--proxima-nova-bold); font-weight: inherit; color: var(--white); display: block; width: 100%; border: 3px solid var(--suez-canal); background: var(--suez-canal); text-decoration: none; text-transform: uppercase; padding: 17px 15px 15px; font-size: 24px; border-radius: 5px; text-align: center; cursor: pointer;}
.order-review-btn .submit:hover{background: var(--dark-yellow); border-color: var(--dark-yellow); color: var(--white);}
.or {text-align: center; margin: 15px 0;}
.or span {font-size: 26px; font-family: var(--exo-2-semibold); line-height: 1; width: 52px; height: 52px; display: inline-flex; justify-content: center; align-items: center; text-transform: uppercase; background: #03d87f; color: var(--white); border-radius: 50%;}
.another-crystal .submit{font-family: var(--proxima-nova-bold); font-weight: inherit; color: var(--white); display: block; width: 100%; border: 3px solid var(--suez-canal); background: var(--suez-canal); text-decoration: none; text-transform: uppercase; padding: 17px 15px 15px; font-size: 24px; border-radius: 5px; text-align: center; cursor: pointer;}
.another-crystal .submit:hover {background: var(--dark-yellow); border-color: var(--dark-yellow); color: var(--white);}
.review-add-order {margin-bottom: 30px;}

/*cart-page css start here*/
.cart-wrap {padding: 30px 0;}
.card {background: var(--white); box-shadow: 0 3px 6px #0000001A;; padding: 30px 25px; border-radius: 5px; margin-bottom: 35px;}
.card:last-child {margin-bottom: 0;}
.cart-row {margin-left: -12px; margin-right: -12px; display: flex; flex-wrap: wrap;}
.cart-images-sec {padding-left: 12px; padding-right: 12px; width: 135px;}
.cart-content-sec {padding-left: 12px; padding-right: 12px; width: calc(100% - 135px);}
.cart-img-wrap {width: 110px; height: 110px; box-shadow: 1px 1px 8px 1px rgba(0,0,0,.2); background: var(--white);}
.cart-img-wrap img {width: 100%; height: 100%; object-fit: contain; object-position: center;}

.cart-product-title {margin-bottom: 20px;}
/*.cart-product-title span {font-size: 34px; max-width: 290px; color: #000000; font-family: var(--proxima-nova-bold); font-weight: inherit; display: inline-block; line-height: 1;}*/
.cart-product-title span {max-width: 290px; display: block;}
.cart-addon-list {list-style: none; font-size: 18px;}
.cart-addon-list li {margin-bottom: 10px;}
.product-addon-title {display: inline-block; color: #000000; font-family: var(--proxima-nova-bold);}
.product-addon-detail {display: inline-block; color: #000000; font-family: var(--proxima-nova-medium);}
.product-addon-title-price {display: inline-block; color: var(--suez-canal); font-family: var(--proxima-nova-bold);}
.inscription-content {margin-top: 3px;}
.inscription-content .product-addon-detail{display: block;}
.cart-img-title {background: var(--dark-yellow); color: var(--white); font-size: 13px; font-family: var(--proxima-nova-medium); text-align: center; width: 100%; padding: 3px 10px 7px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.cart-img-wrap {display: flex; border-top-left-radius: 5px; border-top-right-radius: 5px;overflow: hidden;}
.cart-img-wrap img {width: 100%;}
.original-photo .cart-img-title {background: #979797;}
.cart-img {margin-bottom: 15px;}


.product-size::-webkit-scrollbar {width: 4px; height: 4px;}
.product-size::-webkit-scrollbar-track {background: #f1f1f1; }
.product-size::-webkit-scrollbar-thumb {background: var(--pansy-purple); }

/*cart-page css end here*/


/*thank you page css start here*/
.thankyou {text-align: center; padding: 30px 0;}
.thankyou .card-body {padding: 45px 0;}
.thankyou-icon {margin-bottom: 20px;}
.thankyou-content {margin-bottom: 25px;}
.thankyou-content h1{font-size: 68px; color: var(--black); font-family: var(--proxima-nova-bold); text-transform: uppercase;}
.thankyou-content h4{font-size: 32px; color: var(--suez-canal); font-family: var(--proxima-nova-bold) ; text-transform: uppercase; margin-bottom: 10px;}
.thankyou-content p{font-size: 18px; color: var(--black);}
.thankyou-content p span{color: #ff3535;}
.order-number-sec h3{font-size: 24px; color: var(--black); font-family: var(--proxima-nova-medium);}
.order-number-sec h3 span{font-family: var(--proxima-nova-bold); color: var(--suez-canal);}


/*thank you page css end here*/


/*order page css start hear*/
.order-top-sec {background: var(--white); padding: 18px 0;box-shadow: 0 3px 6px #0000001A;}
.order-top-sec .container-fluid {max-width: 100%;}
.order-top-sec-wrap {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}

.order-title span {font-size: 22px; color: var(--white); font-family: var(--exo-2-semibold); text-transform: uppercase;}
.user-info {display: flex; align-items: center;}
.user-name {display: flex; align-items: center; padding: 8.5px 20px; border-radius: 5px; background: var(--light-blue);; margin-right: 25px; text-decoration: none; font-family: var(--Exo-bold);}
.user-name span {color: var(--suez-canal); font-size: 16px; text-transform: capitalize;}
.user-name img {margin-right: 10px; width: 23px;}
.order-details-sec {padding: 40px 0 70px;}
.order-details-sec .container-fluid {max-width: 100%;}
.order-details-sec .card {padding: 0; border-radius: 0;}
.order-table {width: 100%; }
.order-table th, .order-table td {border-bottom: 1px solid #ECEFF5; padding: 10px 10px 9px; vertical-align: middle; font-weight: inherit;}
.order-table th {color: var(--black); font-size: 15px; font-family: var(--Exo-bold); font-weight: inherit; text-align: left;}
.order-table tbody tr:nth-child(odd) {background: #ffffff;}
.order-table th:first-child, .order-table td:first-child {text-align: left; padding-left: 30px;}
.order-table th:last-child, .order-table td:last-child {padding-right: 30px; text-align: center;}
.order-table td {font-size: 14px; text-align: left; font-family: var(--Exo-medium);}
.order-table td:first-child, .order-table td:first-child a {color: var(--suez-canal);  font-family: var(--Exo-bold); font-weight: inherit; text-align: left; font-weight: inherit; text-decoration: none;}
.order-table th:first-child {width: 18%;}
.order-table th:nth-child(2) {width: 10%;}
.order-table th:nth-child(3) {width: 14%;}
.order-table th:nth-child(4) {width: 12%;}
.order-table th:nth-child(5) {width: 13%;}
.order-table th:nth-child(6) {width: 9%;}
.order-table th:nth-child(7) {width: 9%;}
.order-table th:last-child {width: 15%;}


.order-status {pointer-events: none; padding: 7px 11px 8px; display: inline-block; text-decoration: none; border-radius: 5px; background: #FDBB1133; color: var(--black); font-size: 14px; font-family: var(--Exo-bold);}
.order-status.success { background: #05D4A333; color: #009A76;}
.cockpit-sync {padding: 7px 11px 8px; display: inline-block; text-decoration: none; border-radius: 5px; text-align: center; background: #0574b733; color: #0574b7; font-size: 14px; font-family: var(--Exo-bold); cursor: pointer;}
.cockpit-sync.sync-done {background: #05D4A333; color: #009A76; pointer-events: none}
.download-status {display: inline-flex; align-items: center; justify-content: center; width: 45px; height: 45px; padding: 6px 8px; text-decoration: none; border-radius: 5px; background: #7b6b71;}
.download-status.file-downloaded {background: #FDBB1133; color: var(--space-cadet);}
.ownload-status img {width: 25px;}
.order-table tfoot td, .order-table tfoot th {border:none; padding: 27px 40px;}

.pagination-button button {width: 34px; height: 32px; border-radius: 5px; margin: 0; background: var(--suez-canal); border: none !important; outline: none !important; display: inline-flex; justify-content: center; align-items: center; margin: 0 5px; color: var(--space-cadet); font-family: var(--proxima-nova-bold);}


.pagination-button button.active {background: var(--dark-yellow);}
.greater-than{display: block; width: 9px; height: 9px; border-top: 2px solid #fff; border-left: 2px solid #fff; position: relative; transform: rotate(135deg); margin-right: 6px;}
.double-greater-than {margin-left: -9px;}
.less-than {display: block; width: 9px; height: 9px; border-top: 2px solid #fff; border-left: 2px solid #fff; position: relative; transform: rotate(-45deg); margin-left: 6px;}
.double-less-than{margin-left: -3px;}

.pagination-button button .greater-than {border-color: #d1d1d1;}
.pagination-button button.active .greater-than {border-color: #fff;}
.pagination-button button .less-than {border-color: #d1d1d1;}
.pagination-button button.active .less-than {border-color: #fff;}
.pagination{display: flex; justify-content: flex-end; align-items: center;}
.total-items {font-size: 15px; margin-right: 5px; color: #494949; font-family: var(--exo-2-light); display: inline-block;}
.item-of {font-size: 15px; margin-right: 5px; margin-left: 5px; color: #494949; font-family: var(--exo-2-light); display: inline-block;}

.order-filer-list {list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap;}
.order-filer-list li {margin-right: 10px; font-size: 16px; color: #939393; display: inline-flex;}
.order-filter-sec {padding: 20px; display: flex; justify-content: space-between; border-bottom: 1px solid #ECEFF5; }

.order-filer-list li input[type="date"], .order-filer-list li input[type="text"]{border: 1px solid #d9cfd3; outline: none !important; padding: 7px 10px; color: #373737;  font-family: var(--proxima-nova-regular); border-radius: 5px; font-size: 15px; line-height: 1; width: 100%; min-width: 190px; text-transform: uppercase; cursor: pointer;} 
.order-filer-list li input[type="text"]{border: 1px solid #d9cfd3; outline: none !important; padding: 7px 40px 7px 10px; color: #373737;     font-family: var(--Exo-medium); border-radius: 5px; font-size: 14px; line-height: 1; text-transform: capitalize; cursor: pointer; background-color: var(--white); background-image: url("../images/date.webp"); background-size: 20px; background-position-x: calc(100% - 10px); background-position-y: center; background-repeat: no-repeat; width: 190px;}
.order-filer-list li input[type="text"]::-webkit-input-placeholder {color: #373737;}
.order-filer-list li input[type="text"]::-ms-input-placeholder {color: #373737;}
.order-filer-list li input[type="text"]::placeholder {color: #373737; }


input[type="date"]::-webkit-calendar-picker-indicator { background: url("../images/date.webp");  background-size: cover; background-position: center; background-repeat: no-repeat; }
.order-filer-list li select {     font-family: var(--Exo-medium);  border: 1px solid #CDCFD1; outline: none !important; padding: 5px 35px 5px 10px; display: inline-flex; align-items: center; color: #373737;border-radius: 5px; font-size: 14px;  width: 100%; min-width: 220px;-webkit-appearance: none; -moz-appearance:none; appearance:none; background-image: url("../images/blue-down-arrow.svg"); background-repeat: no-repeat; background-size: 16px; background-position-y: center; background-position-x: calc(100% - 12px); min-height: 40px; background-color:var(--white); cursor: pointer;}

.order-filter-right {display: inline-flex; align-items: center;}
.order-filter-right .orders-found {color: #494949; font-size: 14px; font-family: var(--Exo-medium); display: inline-block; margin-right: 15px;}
.order-filter-right .orders-found strong { font-family: var(--Exo-bold); }
.search input{ border: 1px solid #d9cfd3; border-radius: 5px; font-size: 14px; color: #373737; padding: 9px 50px 11px 15px; outline: none; width: 100%; font-family: var(--Exo-medium);}
.search {position: relative;}
.search span {position: absolute;  width: 43px; background: var(--suez-canal); right: 0; top: 0; bottom: 0;  border-top-right-radius: 5px; border-bottom-right-radius: 5px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer;}
.search span img {width: 23px;}
.logout-btn {display: inline-flex;}
.logout-btn a {display: inline-flex;}
.logout-btn img {width: 23px;}

.order-details-sec .order_details .product-total{vertical-align: top;}

/*order page css end hear*/

/*listing page css start here*/
.woocommerce-shop .site-content {width: 100%; max-width: 600px; padding: 0 50px; margin: 0 auto;}
.woocommerce-shop .site-content .products {list-style: none; padding-top: 50px}
.woocommerce-shop .site-content .products .product_image {border-radius: 14px; overflow: hidden; margin-bottom: 15px;}
.woocommerce-shop .site-content .products .product_image img{width: 100%; display: inline-block; border-radius: 14px;}
.woocommerce-loop-product__title {    font-size: 36px; font-family: var(--exo-2-semibold); text-align: var(--text-center); color: var(--pansy-purple); margin-bottom: 15px;}
.product_info .title {text-decoration: none ;}
.product_info .price {font-size: 52px;}
.product_info .price ins {text-decoration: none;}
.product_info .price del {display: none;}
.onsale-home, .product_orginal_price, .product_sale_price {display: none;}
.woocommerce-shop .site-content .products .product_image a {display: block;}


/*listing page css end here*/


.mickey-minnie .product-img-wrap img {border-radius: 10px;}
.disney-world .product-img-wrap img {border-radius: 10px;}



/*Login page css start here*/
/*.woocommerce-account .my-account-login {background: var(--white); border-radius: 4px; box-shadow: 0 3px 6px #0000001A; padding: 35px; margin: 15px 0;}*/
/*.woocommerce-account .woocommerce h2{font-size: 22px; font-family: var(--exo-2-semibold); text-align: center; color: #1c1c1c; text-transform: uppercase; margin-bottom: 25px;}*/
label .required {color: #ff0000;}
/*.login label, .lost_reset_password label {width: 100%; display: block; margin-bottom: 5px; font-size: 18px; color: #3c3b3b;}*/
/*.login input[type="text"], .login input[type="password"], .lost_reset_password input[type="text"] {background: #f6f6f6; border-radius: 6px; color: #3c3b3b; width: 100%; border: none; min-height: 52px; padding: 12px 20px; outline: none; font-size: 16px; font-family: 'Exo2Regular';}*/
.login .woocommerce-form-row, .lost_reset_password .woocommerce-form-row {margin-bottom: 15px;}
/*.login .button, .lost_reset_password .button {font-size: 20px; font-family: var(--exo-2-semibold); text-transform: uppercase; color: var(--white); background: var(--pansy-purple); border: none; border-radius: 6px; width: 100%; margin-top: 15px; padding: 14px 20px; cursor: pointer;}*/
.login .lost_password {margin-top: 15px; text-align: center;}
.login .lost_password a {display: inline-block; text-transform: capitalize;}
.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {display: inline-block; width: auto; cursor: pointer;}
.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input{width: 0; height: 0; opacity: 0;}
.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span {display: inline-flex; padding-left: 37px; position: relative;}
.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span::before {content: ""; border: 2px solid var(--suez-canal); width: 18px; height: 18px; display: inline-block; margin-right: 10px; border-radius: 5px; position: absolute; left: 0;}
.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span::after {content: "";
    position: absolute; left: 8px; border-width: 0 2px 2px 0; border-style: solid; border-color: var(--white); width: 5px; height: 13px; transform: rotate(45deg); top: 1.5px; display: none;}
.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input:checked ~ span::before {background: var(--suez-canal); }
.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input:checked ~ span::after {display: block;} 
.lost_reset_password p {margin-bottom: 15px;}
.my-account-login-main{min-height: 100vh; display: flex; justify-content: center; align-items: center; max-width: 600px; margin: 0 auto;}
.woocommerce-account .small-collapse {width: 100%;}
/*Login page css end here*/


/*my account page css start here*/
/*.my-account-page {padding: 50px 0;}*/
/*.my-account-page-wrapper {padding: 0 50px; display: flex; flex-wrap: wrap; max-width: 1450px; margin: 0 auto;}*/
.my-account-page .woocommerce-MyAccount-navigation ul {list-style: none; padding: 0;}
.my-account-page .woocommerce-MyAccount-navigation {width: 300px; padding-right: 20px;}
.my-account-page .woocommerce-MyAccount-content {width: 100%;}
.my-account-page .woocommerce-MyAccount-navigation li {border-bottom: 1px solid #e2e2e2;}
.my-account-page .woocommerce-MyAccount-navigation li.is-active a{color: var(--pansy-purple);}
.my-account-page .woocommerce-MyAccount-navigation a {display: block; padding: 15px 0; text-decoration: none; font-size: 16px; color: var(--black); font-family: var(--exo-2-semibold);}
.my-account-page .products {list-style: none; padding: 0; margin: 0 -15px; display: flex; flex-wrap: wrap;}
.my-account-page .woocommerce-MyAccount-content p {margin-bottom: 15px;}
.my-account-page .woocommerce-MyAccount-content h6 {font-size: 22px; font-family: var(--exo-2-semibold); text-transform: uppercase; margin-bottom: 15px; margin-top: 30px;}
.my-account-page .products .product {padding: 0 15px; width: 33.33%;}
.my-account-page .products .product_image {margin-bottom: 15px;}
.my-account-page .products .product_image img {width: 100%;}
.my-account-page .products .woocommerce-loop-product__title {font-size: 20px; margin-bottom: 10px;}
.my-account-page .products .product_info .price {font-size: 22px;}
.woocommerce-orders-table {width: 100%; border-collapse: collapse; border: 2px solid #e4e4e4;}
.woocommerce-orders-table  th {padding: 10px; border-bottom: 2px solid #e4e4e4; border-top: 2px solid #e4e4e4;}
.woocommerce-orders-table  th:first-child {text-align: left;}
.woocommerce-orders-table td {padding: 10px; text-align: center;}
.woocommerce-orders-table td:first-child {text-align: left;}
.woocommerce-orders-table .view {padding: 3px 10px 5px; background: var(--pansy-purple); color: var(--white); display: inline-block; border-radius: 5px; text-decoration: none;}

/*my account page css end here*/

/*oparator oder page css start here*/
.woocommerce-order-details.order-details-sec {padding: 20px 0;}
.woocommerce-customer-details {margin-top: 35px;}
.woocommerce-customer-details .view-customer-details {background: var(--white); box-shadow: 1px 1px 30px 11px rgba(162,162,162,0.2); padding: 30px 25px; border-bottom: 8px solid #f1e2e8; display: flex; flex-wrap: wrap; justify-content: space-between;}
.customer-address p {margin: 0 30px 0 0 !important; color: var(--black); font-style: normal; display: flex; align-items: center;}
.customer-address p:first-child {min-width: 150px;}
.customer-address p img {max-width: 24px; margin-right: 7px; max-height: 24px; display: block; width: 100%; height: 24px;}
.customer-address address {display: flex; align-items: center; flex-wrap: wrap;}
.order-details-sec .wc-item-meta{list-style: none; margin-top: 15px;}
.order-details-sec .product-name {text-align: left;}
.order-details-sec .product-name a,.order-details-sec .product-name .product-quantity {font-size: 24px; font-family: var(--Exo-bold); color: var(--suez-canal);}
.order-details-sec .wc-item-meta li {display: flex; flex-wrap: wrap;}
.order-details-sec .wc-item-meta li strong {margin-right: 5px;}
/*.order-details-sec .wc-item-meta li:last-child {display: none;}*/
.order-details-sec .wc-item-meta li:nth-last-child(-n+2) {display: none;}
.order-number {text-align: center; font-size: 18px; margin-bottom: 30px !important}
.order-number strong {color: #ff3535;}
.woocommerce-order-details__title, .woocommerce-column__title {color: var(--white) !important; font-family: var(--Exo-bold) !important; font-size: 32px;}
.order-details-sec .order-table.order_details  td .amount {color: var(--suez-canal); font-size: 22px; font-family: var(--Exo-bold);}
.order-details-sec .order-table.order_details tfoot  td .amount {font-size: 28px;}
.order-details-sec .order-table.order_details th:first-child {width: 90%;}
.order-details-sec .order-table.order_details .product-image {width: 10%; vertical-align: top;}
.order-details-sec .order-table.order_details .product-image img {height: 100px; width: 100px; object-fit: contain; background-position: top; display: block;}
.admin-card-header {background: var(--suez-canal); padding: 15px 30px; box-shadow: 1px 1px 30px 11px rgba(162,162,162,0.2);}
.admin-card-header .store-row {min-height: 42px;}
.store-row {display: flex; flex-wrap: wrap; margin: 0 -15px; justify-content: space-between; align-items: center;}
.store-col {padding: 0 15px; position: relative; }
.create-store {display: flex; align-items: center; }
.new-store-text {font-size: 22px; color: var(--white); font-family: var(--Exo-bold); text-transform: uppercase; margin-right: 20px; }
.store-note span {color: var(--white); font-size: 18px; font-family: var(--Exo-medium); }
.woocommerce-columns--addresses .container-fluid {max-width: 100%;}

.back-btn {font-size: 18px; color: var(--space-cadet); background: var(--white); font-family: var(--Exo-bold); text-decoration: none; display: inline-flex; align-items: center; border: 2px solid var(--white); border-radius: 4px; padding: 8px 22px;}
.back-btn img{width: 19px; margin-right: 8px;}

.edit-order {display: inline-flex; align-items: center; justify-content: center; width: 33px; height: 33px; padding: 6px 8px; text-decoration: none; border-radius: 5px; background: var(--dark-yellow);}
.edit-order img{width: 25px;}

.delete-order {display: inline-flex; align-items: center; justify-content: center; width: 33px; height: 33px; padding: 6px 8px; text-decoration: none; border-radius: 5px; background: #ff0000; cursor: pointer;}
.delete-order img{width: 15px;}

.order-action-wrap .delete-order span {border: 2px solid #ff0000; color: #ff0000; width: 120px}
.order-action-wrap .delete-order span::after {border-style: solid; border-width: 8px 8px 0; bottom: -8px; content: ""; display: block; left: 50%; position: absolute; width: 0; transform: translateX(-50%);border-color: #ff0000 rgba(0, 0, 0, 0);}

.basket-order {display: inline-flex; align-items: center; justify-content: center; width: 33px; height: 33px; padding: 6px 8px; text-decoration: none; border-radius: 5px; background: #0072BA;}
.basket-order img{width: 25px;}


.order-table td.woocommerce-orders-table__cell-order-actions a + a {margin-left: 10px;}

.redo-order {display: inline-flex; align-items: center; justify-content: center; width: 33px; height: 33px; padding: 6px 8px; text-decoration: none; border-radius: 5px; background: #7b6b71;}
.redo-order img {width: 23px;}

.completed-order {display: inline-flex; align-items: center; justify-content: center; width: 33px; height: 33px; padding: 6px 8px; text-decoration: none; border-radius: 5px; background: #04d87f;}
.completed-order img {width: 25px;}

/*oparator oder page css end here*/
.passcode {display: flex; margin-left: auto; margin-right: 15px; background: var(--light-blue); padding: 11px 22px 9px; border-radius: 6px; font-family: var(--Exo-bold);}
.passcode h2{font-size: 17px !important; margin: 0 !important; color: var(--suez-canal); text-transform: uppercase;}
.passcode h2 strong {font-weight: initial;}
.passcode h2 + h2 {margin-left: 10px !important;}
.order-details-sec .order-table.order_details tfoot th:first-child {text-align: right; font-size: 28px;}

.delete-cart-order {cursor: pointer; position: absolute; right: 10px; top: 10px; z-index: 1; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--dark-yellow);}
.delete-cart-order img {width: 19px;}
.cart-wrap .card {position: relative;}

.mesg-error.error{text-align: center;}
.error {color: red;}
/*.error {color: red; margin-top: 5px;}*/
/*.img-error.error {margin-top: -25px; border-radius: 8px; background: #ffe8e8; padding: 13px 12px 15px 12px; font-size: 18px;}*/
.img-error.error {margin-top: -10px; margin-bottom: 15px;}
/*.img-error.error .img-error-content {border-radius: 8px; background: #ffe8e8; padding: 13px 12px 15px 12px; font-size: 18px;}*/
.img-error.error .img-error-content {font-size: 18px; text-align: center;}
.product-size-error {font-size: 18px; text-align: center;}
.common-form .error{font-size: 18px; text-align: left;}


.modal {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050;}
.modal-body {min-height: calc(100% - (1.75rem * 2));margin: 1.75rem auto; max-width: 430px; padding: 0 15px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.modal-content {background: var(--white); width: 100%; padding: 30px; position: relative; border-radius: 12px; box-shadow: 1px 1px 12px 3px rgba(0,0,0,.15);}


/*.store-number-popup {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050;}
.store-number-popup-body {min-height: calc(100% - (1.75rem * 2));margin: 1.75rem auto; max-width: 430px; padding: 0 15px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.store-number-popup-content {background: var(--white); width: 100%; padding: 30px; position: relative; border-radius: 12px; box-shadow: 1px 1px 12px 3px rgba(0,0,0,.15);}*/
.store-number-popup .passcode-form {width: 100%;}
.store-number-popup .passcode-form input {width: 100%; padding: 15px; border-radius: 0px; background-color: var(--white); border: none; outline: none; font-size: 22px; position: relative; font-family: var(--proxima-nova-medium); border-bottom: 3px solid #CDCFD1; text-align: center; color: var(--black);}
.store-number-popup .passcode-form #passcode-btn-submit{font-family: var(--proxima-nova-bold); font-weight: inherit; color: var(--white); display: block; width: 100%; border: 3px solid var(--dark-yellow); background: var(--dark-yellow); text-decoration: none; text-transform: uppercase; padding: 17px 15px 15px; font-size: 24px; border-radius: 5px; text-align: center; cursor: pointer;}
.store-number-popup .passcode-form #passcode-btn-submit:hover {background: var(--suez-canal); border-color: var(--suez-canal); color: var(--white);}
.lock-security {text-align: center; margin-bottom: 10px;}
.lock-security img{max-width: 100px;}
.store-number-title {text-align: center; margin-bottom: 25px;}
.modal-open {overflow: hidden;}
.modal-backdrop{position: fixed; top: 0; right: 0; bottom: 0; left: 0;  background-color: var(--black); opacity: 0.5;}

.order-action-wrap {display: flex; flex-wrap: wrap; justify-content: center;}
.unauthorized-access {padding: 20px 25px;background: #fff4f4;color: #ff0000; border-bottom: solid 1px #fde0e0;font-size: 18px;}
.authorized-access {padding: 20px 25px;background: rgb(108,192,74,0.2);color: #6CC04A; border-bottom: solid 1px rgb(108,192,74,0.2);font-size: 18px;}
.priority-success-msg {padding: 20px 25px;background: #f1fff1;color: #008000; border-bottom: solid 1px #fde0e0;font-size: 18px;}
.order-action-wrap a {position: relative;}
.order-action-wrap a span {position: absolute; top: -40px; width: 150px; display: inline-block; padding: 5px 10px; background: var(--white); border:2px solid #0072BA; color: #0072BA; visibility: hidden; opacity: 0;}
.order-action-wrap a:hover span{visibility: visible; opacity: 1;}
.order-action-wrap a span::after{border-color: var(--burgundy) rgba(0, 0, 0, 0);
    border-style: solid; border-width: 8px 8px 0; bottom: -8px; content: ""; display: block; left: 50%; position: absolute; width: 0; transform: translateX(-50%);}

.order-action-wrap .edit-order span {border: 2px solid var(--dark-yellow);width: 120px; color: var(--dark-yellow);}
.order-action-wrap .edit-order span::after {border-color: var(--dark-yellow) rgba(0, 0, 0, 0);}
.order-action-wrap .completed-order span  {border: 2px solid #04d87f; color: #04d87f; width: 150px;}
.order-action-wrap .completed-order span::after {border-color: #04d87f rgba(0, 0, 0, 0);}
.order-action-wrap .redo-order span {border: 2px solid #7b6b71;width: 120px; color: #7b6b71;}
.order-action-wrap .redo-order span::after {border-color: #7b6b71 rgba(0, 0, 0, 0);}
.order-action-wrap .download-status.file-downloaded span {border: 2px solid #04d87f; color: #04d87f;}
.order-action-wrap .download-status.file-downloaded span::after {border-color: #04d87f rgba(0, 0, 0, 0)}
.order-action-wrap .basket-order span {border: 2px solid #7b6b71;width: 140px; color: #7b6b71;}
.order-action-wrap .basket-order span::after {border-color: #7b6b71 rgba(0, 0, 0, 0);}

.change-direction a{padding: 15px 20px 15px 20px; background: #f57336; color: #fff; z-index: 9; position: absolute; right: 0px; border-radius: 0 8px 0 8px; font-size: 18px; text-decoration: none; font-family: var(--exo-2-semibold);}

.order-listing-refresh {text-align: right;}
.order-listing-refresh button{background: #6CC04A;color: var(--white);padding: 10px 20px;border-radius: 8px 8px 0 0; border:none !important; outline: none !important; box-shadow: none !important; font-size: 18px; cursor: pointer; font-family: var(--Exo-bold);}
.order-listing {padding-top: 10px;}
.priority-hours-form label {font-size: 18px;margin-right: 5px; font-family: var(--proxima-nova-medium);}
.priority-hours-form select {background: #fff; width: 150px; border:2px solid #CDCFD1; border-radius: 4px; color: var(--black);padding: 8px 14px; outline: none; box-shadow: none; font-size: 16px; cursor: pointer; font-family: var(--proxima-nova-medium);}
.priority-hours-form input[type="text"] {background: #fff; width: 150px; border:2px solid #CDCFD1; border-radius: 4px; color: var(--black);padding: 8px 14px; outline: none; box-shadow: none; font-size: 16px;  font-family: var(--proxima-nova-medium);}
.priority-hours-form input[type="submit"], .priority-hours-form input[type="button"] {font-size: 18px; background: var(--space-cadet); color: var(--white); padding: 10px 20px 11px; border:none; outline: none; box-shadow: none; border-radius: 4px; cursor: pointer; margin-left: 5px; font-family: var(--Exo-bold);}
.priority-hours-form .form-group {margin-bottom: 0}
.priority-hours-form .error {display: block; color: #ff0000; margin-top: 2px}
/*.basket-popup {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050;}
.basket-popup-body {min-height: calc(100% - (1.75rem * 2));margin: 1.75rem auto; max-width: 430px; padding: 0 15px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.basket-popup-content {background: var(--white); width: 100%; padding: 30px; position: relative; border-radius: 12px; box-shadow: 1px 1px 12px 3px rgba(0,0,0,.15); overflow: hidden;}*/
.change-status-form label {font-size: 26px; color:  var(--white); width: calc(100% + 60px); margin: -30px -30px 25px; font-family: var(--exo-2-semibold); background: var(--burgundy); padding: 10px 15px 12px;  display: block; }
.change-status-form select {border:2px solid #7b6b71; color: #7b6b71; background: var(--white); width: 100%; padding: 10px 15px; font-family: var(--exo-2-semibold); font-size: 18px; cursor: pointer; outline: none; box-shadow: none; margin-bottom: 15px;}
.change-status-form input[type="submit"]{font-family: var(--Exo-bold); font-weight: inherit; color: var(--white); display: block; width:initial; border: 3px solid var(--pansy-purple); text-decoration: none; text-transform: uppercase; padding: 10px 15px; font-size: 17px; border-radius: 0px; text-align: center; background: var(--pansy-purple); line-height: 1; cursor: pointer; margin-left: 10px; margin-bottom: 15px;}
.change-status-form input[type="submit"]:hover {background: #2e2e2e; border-color: #2e2e2e;}
.status-wrap {display: flex;}
.order-filer-list button {padding: 9px 15px 10px; border: 1px solid var(--suez-canal); background: var(--suez-canal); font-family: var(--Exo-bold); font-weight: initial; font-size: 14px; border-radius: 5px; color: var(--white); cursor: pointer; box-shadow: none; outline: none;}
.order-filer-list button:hover{background-color: var(--suez-canal); border-color: var(--suez-canal);}
.woocommerce-Pagination {text-align: right; padding: 20px 15px;}
.woocommerce-Pagination .button {background: var(--suez-canal); padding: 10px 20px; color: var(--white); text-transform: uppercase; display: inline-block; border-radius: 5px; text-decoration: none;}
.woocommerce-Pagination .button:hover {background-color: #2e2e2e;}
.woocommerce-Pagination .button + .button {margin-left: 10px;}

.woocommerce-notices-wrapper .woocommerce-error {list-style: none;background: #fff4f4;color: #ff0000; padding: 10px 15px; margin-bottom: 10px; border-radius: 6px;}
.order-details-sec .product-name a {text-decoration: none;}
.no-order{padding: 20px 15px !important; text-align: center !important; text-transform: uppercase; color: #ff3535 !important;}



.redo-popup-body.modal-body {max-width: 650px;}
.redo-popup-content.modal-content {overflow: hidden;}
.redo-popup .redo-popup-body .redo-popup-header {width: calc(100% + 60px); margin: -30px -30px 25px;  padding: 15px 30px 17px; display: block; position: relative; background: var(--burgundy);}
.redo-popup-header .close {cursor: pointer; width: 25px; height: 25px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
.redo-popup-header .close img {width: 25px;}
.redo-popup .redo-popup-body h2 {text-align: left; margin-bottom: 0; text-transform: initial; font-size: 26px; color: var(--white); font-family: var(--exo-2-semibold);  display: block;}
.redo-form label{font-size: 18px; width: 100%; display: block; margin-bottom: 5px; font-family:var(--exo-2-semibold); }
.redo-form textarea {width: 100%; border: 2px solid var(--burgundy); resize: none; font-family: var(--exo-2-regular); color: var(--black); outline: none; box-shadow: none; font-size: 16px; border-radius: 8px;}
.uploaded-imges {display: flex; flex-wrap: wrap; margin-bottom: 30px;}
.uploaded-image-main {width: 100px; height: 100px; margin: 0 auto; border-radius: 6px; overflow: hidden; box-shadow: 0px 0px 7px 2px rgba(0,0,0,.15); background: var(--white);}
.uploaded-image-main img {width: 100%; height: 100%; object-fit: contain; object-position: center;}
.uploaded-image-wrap + .uploaded-image-wrap {margin-left: 30px;}
.redo-form .uploaded-image-wrap h6{font-size: 18px; width: 100%; display: block; margin: 0 0 8px; font-family:var(--exo-2-semibold); text-transform: inherit;}
.redo-form input{font-family: var(--exo-2-bold); font-weight: inherit; color: var(--white); display: block; width: initial; border: 3px solid var(--pansy-purple); text-decoration: none; text-transform: uppercase; padding: 10px 15px; font-size: 17px; border-radius: 6px; text-align: center; background: var(--pansy-purple); line-height: 1; cursor: pointer;}
.redo-form input:hover {border-color: #2e2e2e; background-color: #2e2e2e;}

.basket-popup-content.modal-content {overflow: hidden;}
.edit-cart-order {cursor: pointer; position: absolute; right: 10px; top: 60px; z-index: 1; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--dark-yellow);}
.edit-cart-order img {width: 19px; }
.edit-cart-order:hover{background: var(--suez-canal);}
.delete-cart-order:hover{background: var(--suez-canal);}
.priority-hours-form select.disabled {opacity: 0.5; cursor: not-allowed;}

#input-response-data {display: flex; background: var(--white);padding: 10px; width: 100%; position: absolute; top: 100%; box-shadow: 0 0 10px 3px rgba(0,0,0,.15); background: var(--white); z-index: 9; text-align: left; flex-direction: column; max-height: 300px; overflow-y: auto;}
#input-response-data span {padding: 7px 0; position: static; width: 100%; background: transparent; right: initial; top: initial; bottom: initial; border-top-right-radius: 0px; border-bottom-right-radius: 0px; display: inline-flex; justify-content: flex-start; cursor: pointer; border-bottom: 1px solid #d9cfd3;}
#input-response-data span:hover {color: var(--suez-canal);}
#input-response-data span:last-child {border-bottom: none;}
/*.product {min-height: 500px; width: 100%;}
.product_infos {min-height: 500px;}*/
.store-number-title p {font-weight: 600; color: var(--white); text-align: center; margin-top: 10px; background: var(--suez-canal); padding: 6px 12px 7px 12px; border-radius: 4px; display: inline-block; font-weight: 500;}
.message-note{    background: rgb(255 0 0 / 10%); border-radius: 4px; padding: 16px; font-size: 20px; display: block; margin-bottom: 20px;}

.noteHidden { display: none !important; }

.noteShow { display: block !important; }


/*----------------------- NCL New css Start here -----------------------*/
.home .site-wrapper, .archive .site-wrapper, .page-template-checkout-template .site-wrapper{max-width: 600px; background: var(--white); width: 100%; margin: 0 auto;}
.header {padding: 22px 0;}
.header img {max-width: 300px; margin: 0 auto;}
.banner {display: flex; flex-wrap: wrap;}
.banner img {width: 100%;}
.disney-note {padding: 20px 0;}
.disney-note p {background: var(--light-blue); border-radius: 4px; padding: 16px; font-size: 20px; line-height: 1.2;}
.product-slider-wrap .owl-nav button {position: absolute ; bottom: 7%; width: 40px; height: 40px; background: rgba(21,38,76,0.5) !important; border-radius: 50%;}
.product-slider-wrap .owl-nav .owl-prev {left: 30%;}
.product-slider-wrap .owl-nav .owl-next {right: 30%;}
.product-slider-wrap .owl-nav button svg {width: 7px; height: 10px;}
.upload-icon {background: var(--dark-yellow); width: 70px; height: 70px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; margin-bottom: 15px;}
.upload-icon img {width: 25px !important; height: 25px !important}
.product-slider-wrap {margin-bottom: 15px;}
.product-thumb-box {background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,160,214,1) 75%); border-radius: 4px; overflow: hidden; cursor: pointer;}
.choose-size-sec {padding: 35px 0 20px;}
.common-title {font-size: 26px; font-family: var(--oswald-medium); color: var(--black); text-transform: uppercase; letter-spacing: 0.2px;}
.choose-size-sec .common-title {margin-bottom: 15px; text-align: center;}
.size-radio {width: 24px; height: 24px; background: var(--dark-yellow); border-radius: 50%; overflow: hidden; position: relative; display: none; position: absolute; right: 11px; bottom: 11px; }
.size-radio::after {content: ""; width: 5px; height: 11px; border: solid var(--white); border-width: 0 2px 2px 0; transform: translate(-50%, -50%) rotate(45deg); position: absolute; top: 45%; left: 50%;}
.product-size-box-main .product-size-box.active .size-radio {display: block;}
.product-size-box-wrap {padding: 13px 10px 10px;border: 1px solid var(--white); position: relative; background: var(--white); border-radius: 5px; box-shadow: 0 3px 6px #0000001A; cursor: pointer;}
.product-size-box-main .product-size-box.active .product-size-box-wrap {border: 1px solid var(--dark-yellow); background: #F5A2271A; box-shadow: none;}
.product-size-box-main {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -8px;}
.product-size-box {padding: 0 8px; width: 50%; margin-bottom: 15px;}
.product-size-info {display: flex; flex-direction: column; font-size: 24px; font-family: var(--proxima-nova-medium); justify-content: center; align-items: center; line-height: 1.2;}
.product-size-info .product-size-name {margin-bottom: 4px; color: var(--black);}
.product-size-info .product-size-price {color: var(--suez-canal);}
.product-radio {position: absolute; left: 0; right: 0; top: 0; bottom: 0;  opacity: 0; visibility: hidden;}
.addon-img {width: 125px;}
.addon-content {width: calc(100% - 125px);}
/*.addon-img img {width: 100%; height: 100%; object-position: center; object-fit: contain;}*/
.addon-img img {width: 100%; height: 100%; object-position: center; object-fit: cover; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.product-addons {margin-bottom: 30px;}
.product-addons.active .product-img-wrap {border-color: var(--dark-yellow);}
.complementary {display: inline-block; font-size: 17px; color: var(--white); padding: 6px 10px; font-family: var(--proxima-nova-regular); background: var(--dark-yellow); border-radius: 2px;}
.complementary-addons .product-img-wrap input[type="checkbox"] {display: none;}
.complementary-addons .custom-radio {display: none;}
.complementary-addons .product-content {padding: 18px;}
.complementary-addons .product-content h2 {margin-bottom: 5px;}
.complementary-addons .complementary {margin-top: 10px;}
.common-form .complementary {margin-top: 0px;}
.addon-sub-title {font-size: 18px; color: var(--space-cadet); display: block;}
.qty-dropdwon-wrap {display: inline-flex; position: relative; font-family: var(--proxima-nova-medium); font-size: 24px;}
.qty-dropdwon-wrap .qty-dropdwon-text {    border: 1px solid #C4C4C4; border-radius: 5px; margin-top: 10px;  padding: 10px 30px 10px 15px; min-width: 150px; position: relative; z-index: 2; background: var(--white); display: inline-block; cursor: pointer; color: #C4C4C4; pointer-events: none;}
.qty-dropdwon-wrap .qty-dropdwon {list-style: none; padding: 12px 0; margin: 0; background: var(--white); position: absolute; left: 0; right: 0; top: calc(100% - 1px); border-radius: 5px; display: none; overflow: hidden; max-height: 220px; overflow-y: auto; z-index: 3; border: 1px solid #C4C4C4;}
.qty-dropdwon-wrap .qty-dropdwon-text::after {position: absolute; content: ""; top: 50%; transform: translateY(-50%); right: 18px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #C4C4C4; transition: all 0.3s ease-in-out;}
.qty-dropdwon-wrap .qty-dropdwon li {padding: 12px 24px;text-align: center; cursor: pointer;}
.qty-dropdwon-wrap .qty-dropdwon li:hover {background: var(--suez-canal); color: var(--white);}
.product-addons.active .qty-dropdwon-wrap .qty-dropdwon-text{color: var(--space-cadet);}
.product-addons.active .qty-dropdwon-wrap .qty-dropdwon-text::after{border-top: 5px solid var(--space-cadet);}



::-webkit-scrollbar {width: 5px; }
::-webkit-scrollbar-track {background: #f1f1f1; }
::-webkit-scrollbar-thumb {background: #ccc; }
::-webkit-scrollbar-thumb:hover {background: #555; }
.form-title {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.form-title .common-title {margin-right: 15px; padding: 6px 0 2px}
.ship-title {margin-top: 32px;}
.product-slider-main {min-height: 430px;}
.change-direction {position: absolute; bottom: calc(7% + 15px); z-index: 99; left: 50%; transform: translateX(-50%); display: flex;}
.change-direction span {width: 40px; height: 40px; background: rgba(000,000,000,.2) !important; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; cursor: pointer;}
.change-direction img {height: 15px; opacity: 0.8}
.change-direction span + span {margin-left: 24px;}
.product-slider-main-sec {position: relative;}
.my-account-login .common-title {margin-right: 0; width: 100%; text-align: center;}
.password-confirmation .woocommerce-message {margin-bottom: 15px;}
.product-main-img {display: none;}
.product-main-img.current {display: block;}
.product-slider-thumb {display: flex; flex-wrap: wrap; margin: 0 -6px;}
.product-slider-thumb .item {width: 33.33%; padding: 0 6px;}
.checkout-note {padding: 0;}
.form-title .common-title {display: flex;}
.form-title .product-img-wrap {min-height: initial; position: initial;}
.engraving-price {font-family: var(--proxima-nova-medium); display: block; color: var(--suez-canal); line-height: 1; margin-left: 15px; margin-top: -2px;}
.order-title {display: inline-flex;}
.order-title img {max-width: 280px; width: 100%;}
.back-icon {display: inline-flex;}
.back-icon a + a {margin-left: 15px;}
.woocommerce-order-details.order-details-sec .order-table th {font-size: 18px;}
.woocommerce-order-details.order-details-sec .order-table td {font-size: 16px;}
.form-title .custom-radio {right: 20px; top: 25px;}
.login-btn .submit {font-family: var(--proxima-nova-bold); font-weight: inherit; color: var(--white); display: block; width: 100%; border: 3px solid var(--suez-canal); background: var(--suez-canal); text-decoration: none; text-transform: uppercase; padding: 17px 15px 15px; font-size: 24px; border-radius: 5px; text-align: center; cursor: pointer;}
.my-account-login-main .common-form {padding: 30px 40px;}
.product-text-content {width: 100%; padding: 25px 20px;}
.product-text-content-wrap {display: flex;}
.product-text-content-wrap h2 {display: flex;}
.product-text-content-wrap .common-title-price {margin-left: 15px;}
.common-title-price {font-family: var(--proxima-nova-medium); display: block; color: var(--suez-canal); line-height: 1; margin-left: 15px; margin-top: -2px;}
.red-carpet .product-img-wrap {min-height: initial;}
.product-addons.clipart .addon-img {background: #000;}
.product-addons.clipart .addon-img img {object-fit: contain;}

.voyage-code-content {overflow: hidden;}
.voyage-code-content .change-status-form label {font-family: var(--proxima-nova-semibold); background: var(--suez-canal);}
.voyage-code-content .change-status-form input[type="text"]{border: 2px solid #d9cfd3;
    color: #000; background: var(--white); width: 100%; padding: 10px 15px; font-family: var(--proxima-nova-regular); font-size: 18px; outline: none; box-shadow: none; margin-bottom: 15px;}
.voyage-code-content .change-status-form #submit-code{font-family: var(--proxima-nova-semibold); font-weight: inherit; color: var(--white); display: block; width: initial; border: 3px solid var(--dark-yellow); text-decoration: none; text-transform: uppercase; padding: 10px 15px; font-size: 17px; border-radius: 0px; text-align: center; background: var(--dark-yellow); line-height: 1; cursor: pointer; margin-left: 10px; margin-bottom: 15px;}
.shipping-fees {background: #fff1f3; padding: 15px; color: #dc1125; margin-bottom: 20px; border-radius: 4px; font-size: 18px;}
/*----------------------- NCL New css End here -----------------------*/


@media (min-width: 1451px) and (max-width: 1800px) {
    .order-table th:first-child {width: 17%;}
.order-table th:nth-child(2) {width: 10%;}
.order-table th:nth-child(3) {width: 13%;}
.order-table th:nth-child(4) {width: 12%;}
.order-table th:nth-child(5) {width: 13%;}
.order-table th:nth-child(6) {width: 9%;}
.order-table th:nth-child(7) {width: 9%;}
.order-table th:last-child {width: 19%;}
.edit-order, .download-status, .redo-order, .basket-order {width: 38px; height: 38px;}
.order-filer-list li select {min-width: 170px;}


/*----------------------- NCL New css Start here -----------------------*/


/*----------------------- NCL New css End here -----------------------*/
}

@media (max-width: 1450px) {
    
/*    .order-table {width: 1500px;}*/
/*    .my-account-page-wrapper {max-width: 1140px;}*/
.order-table th, .order-table td {padding: 10px 10px;}
.order-table th:first-child, .order-table td:first-child {padding-left: 15px;}
.order-table th:last-child, .order-table td:last-child {padding-right: 15px;}
.order-table th:nth-child(2) {width: 9%;}
.order-table th:nth-child(3) {width: 14%;}
.order-table th:nth-child(4) {width: 11%;}
.order-table th:first-child {width: 17%;}
.order-filer-list li input[type="date"], .order-filer-list li input[type="text"] {min-width: 100%; width: 140px;}
.order-filer-list li select {min-width: 165px;}
.order-table th {font-size: 16px;}
.order-table td {font-size: 14px;}
.order-status {font-size: 14px; padding: 6px 10px 10px;}
.cockpit-sync {font-size: 14px; padding: 6px 10px 10px; min-width: 122px;}
.order-filter-right .orders-found {margin-right: 6px;}

.edit-order, .basket-order, .download-status, .completed-order, .redo-order {width: 35px; height: 35px;}
.edit-order img, .basket-order img, .download-status img, .completed-order img, .redo-order img {width: 20px;}
.search input {width: 220px;}


/*----------------------- NCL New css Start here -----------------------*/


/*----------------------- NCL New css End here -----------------------*/
}

@media (max-width: 1330px) {
    .order-filter-sec {flex-wrap: wrap;}
    .order-filter-left {width: 100%}
    .order-filter-right {width: 100%}
    .order-filer-list li {margin-bottom: 15px;}
    .table-responsive {width: 100%; overflow-x: auto;}
    .order-table {width: 1230px;}


/*----------------------- NCL New css Start here -----------------------*/


/*----------------------- NCL New css End here -----------------------*/

}


@media (max-width:767px) {
    .order-filer-list li {width: 100%; margin-right: 0; min-width: initial;}
    .order-filter-right {flex-wrap: wrap;}
    .order-filter-right .orders-found {order: 2; margin-right: 0; margin-top: 10px;}
    .search {width: 100%;}


/*----------------------- NCL New css Start here -----------------------*/
.header img {max-width: 270px;}

/*----------------------- NCL New css End here -----------------------*/

}


@media (max-width:575px) {
.container-fluid, .woocommerce-shop .site-content, .my-account-page-wrapper{padding: 0 15px;}
.product-selected-size {font-size: 20px;padding: 15px 40px 18px 20px; border-radius: 10px; border-width: 2px;}
.product-selected-size::after{border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--pansy-purple);right: 15px;}
.product-price {font-size: 18px;}
.product.rotating-light-base {margin-bottom: 37px;}
.mickey-minnie .product-img-wrap {margin-bottom: 17px; outline-width: 2px;}
.disney-world .product-img-wrap {padding: 0 30px;}
.keychain .product-img-wrap {padding: 35px 80px}
.text-engraving {padding: 60px 25px 30px;}
.text-engraving input {padding: 15px 20px; font-size: 18px; border-radius: 8px;}
.common-form input, .common-form select, .common-form textarea {font-size: 16px; padding: 19px 16px;}
.common-form label {font-size: 16px;}
.common-form select {padding: 21px 38px 20px 16px;}
.name-icon {width: 26px;left: 18px;}
.email-icon {width: 25px;left: 18px;}
.phone-icon {width: 25px;left: 18px;}
.notify-customer {font-size: 13px;}
.switch-slider span {font-size: 34px;}
.switch-slider {border-radius: 10px;}
.switch-slider:before {border-radius: 8px;}
.pickup-hours>span {font-size: 18px;}
.custom-switch {margin-bottom: 10px;}
.pickup-hours {margin-bottom: 40px;}
.price-title {font-size: 16px;}
.price {font-size: 32px;}
.order-review-btn .submit {font-size: 18px;}
.another-crystal .submit {font-size: 18px;}
.product-size {top: 48px; border-width: 2px;}
.product-size li {border-width: 2px;}



/*cart-page css start here*/
.card {border-radius: 10px; padding: 25px 15px; margin-bottom: 30px;}
.cart-row {margin-left: -5px; margin-right: -5px}
.cart-images-sec {padding-left: 5px; padding-right: 5px; width: 90px;}
.cart-content-sec {padding-left: 5px; padding-right: 5px; width: calc(100% - 90px);}
.cart-img-wrap {width: 80px; height: 80px;}
.cart-img-title {font-size: 9px; padding: 4px 4px 6px;}
.cart-product-title span {line-height: 1.2; max-width: 200px;}
.cart-product-title {margin-bottom: 20px;}
.cart-addon-list li {margin-bottom: 5px;}
.cart-addon-list {font-size: 16px;}

/*cart-page css end here*/


/*thank you page css start here */
.thankyou-icon img {max-width: 130px;}
.thankyou .card-body {padding: 30px 0;}
.thankyou-content h1 {font-size: 55px;}
.thankyou-content h4 {font-size: 27px;}
.thankyou-content p {font-size: 16px;}
.order-number-sec h3 {font-size: 20px;}

/*thank you page css end here*/

.order-title span {font-size: 18px;}
.user-name {margin-right: 15px; padding: 8px 12px;}
.user-name span {font-size: 14px;}

.woocommerce-shop .site-content .products {padding-top: 30px;}
.woocommerce-shop .site-content .products .product_image img {border-radius: 10px;}


.mickey-minnie .product-img-wrap img {border-radius: 6x;}
.disney-world .product-img-wrap img {border-radius: 6px;}
/*.woocommerce-account .woocommerce {padding: 25px 30px;}*/

.woocommerce-loop-product__title {font-size: 26px; margin-bottom: 10px;}
.product_info .price {font-size: 42px;}


/*----------------------- NCL New css Start here -----------------------*/
.product-content h2 {font-size: 18px;}
.common-title {font-size: 20px;}
.custom-radio {width: 24px; height: 24px;}
.custom-radio::after {width: 5px; height: 12px; border-width: 0 3px 3px 0;}
.size-radio {width: 18px; height: 18px;}
.size-radio::after {width: 3px; height: 7px;}
.product-size-info {font-size: 18px;}
.complementary {font-size: 13px;}
.addon-sub-title {font-size: 14px;}
.qty-dropdwon-wrap {font-size: 16px;}
.qty-dropdwon-wrap .qty-dropdwon-text {min-width: 120px;}
.disney-note p {font-size: 14px;}
.delete-cart-order {width: 30px; height: 30px;}
.edit-cart-order {width: 30px; height: 30px; top: 50px;}
.delete-cart-order img {width: 14px;}
.edit-cart-order img {width: 14px;}
.store-number-popup .passcode-form #passcode-btn-submit {font-size: 18px;}
.store-number-popup .passcode-form input {font-size: 16px; padding: 19px 16px;}
.message-note {font-size: 14px;}
    .login-btn .submit {font-size: 18px;}
.my-account-login-main .common-form {padding: 25px;}
/*----------------------- NCL New css End here -----------------------*/


}


@media (max-width:399px) {
	.pickup-hours>span {font-size: 16px;}
    .cart-product-title {margin-bottom: 15px;}
    /*.card {padding: 20px 12px;}
    .cart-images-sec {width: 80px;}
    .cart-content-sec {width: calc(100% - 80px);}
    .cart-addon-list {font-size: 12px;}*/
    
    .modal-content {padding: 30px 20px;}
    .lock-security img {max-width: 80px;}
    .store-number-title {margin-bottom: 20px;}
    .store-number-popup .passcode-form input[type="submit"] {font-size: 24px;}
    .redo-form .uploaded-image-wrap h6 {font-size: 15px;}
    .uploaded-image-wrap + .uploaded-image-wrap {margin-left: 15px;}
    .uploaded-image-main {width: 80px; height: 80px;}
    .redo-popup-header .close {right: 20px;}
    .change-status-form label {margin: -30px -20px 25px;}
    .redo-popup .redo-popup-body .redo-popup-header {margin: -30px -20px 25px;}

/*----------------------- NCL New css Start here -----------------------*/


/*----------------------- NCL New css End here -----------------------*/

}

@media (max-width:374px) {
    .cart-img-wrap {width: 70px; height: 70px;}
    .cart-images-sec {width: 80px;}
    .cart-product-title span {max-width: 150px;}
}

@media (max-width:349px) {
.container-fluid, ..woocommerce-shop .site-content {padding: 0 15px;}
.order-title span{font-size: 16px;}
/*.woocommerce-account .woocommerce {padding: 15px 20px;}*/


/*----------------------- NCL New css Start here -----------------------*/
.product-slider-wrap .owl-nav button {width: 30px; height: 30px;}
.change-direction span {width: 30px; height: 30px;}
.change-direction span img {width: 12px;}
.common-title {font-size: 17px; }
.form-title .common-title {margin-right: 8px; }
.complementary {font-size: 11px; padding: 4px 6px; }
.disney-note p {line-height: 1.2;}
.addon-img {width: 110px; }
.addon-content {width: calc(100% - 110px);}
.product-content {padding: 16px 38px 14px 14px;}
.custom-radio {top: 15px; right: 10px;}
.product-content h2 {font-size: 16px;}
.store-number-title h2 {font-size: 20px;}
.thankyou-content h1 {font-size: 44px;}
.thankyou-content h4 {font-size: 18px;}
.order-number-sec h3 {font-size: 18px;}
.engraving-price {margin-left: 10px;}
.common-form .custom-radio {top: 24px; right: 20px;}
.message-note {line-height: 1.2;}
.common-title-price {margin-left: 10px;}
/*----------------------- NCL New css End here -----------------------*/

}

#loaderDiv{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: .5;
  display: none;
  background: url('https://nclgem.3dcrystalglobal.com/wp-content/themes/the-hanger-child/img/loading.gif') 
              50% 50% no-repeat rgb(249,249,249);
}

#loaderDiv_order{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: .5;
  display: none;
  background: url('https://nclgem.3dcrystalglobal.com/wp-content/themes/the-hanger-child/img/loading.gif') 
              50% 50% no-repeat rgb(249,249,249);
}
.card .order-again { display:none; }
.review-shipping-add{width: 100%; background: #effcff; padding: 25px 30px 25px 30px;}
.review-shipping-add .cart-product-title{margin-bottom: 10px;}