.min-h-0 {min-height: 0px; } .min-h-14 {min-height: 3.5rem; } .min-h-60 {min-height: 15rem; } .min-h-full {min-height: 100%; } .min-h-screen {min-height: 100vh; } .min-h-screen-25 {min-height: 25vh; } .min-h-screen-50 {min-height: 50vh; } .min-h-screen-75 {min-height: 75vh; }
.object-fill {-o-object-fit: fill; object-fit: fill; } .object-none {-o-object-fit: none; object-fit: none; } .object-scale-down {-o-object-fit: scale-down; object-fit: scale-down; } .object-bottom {-o-object-position: bottom; object-position: bottom; } .object-center {-o-object-position: center; object-position: center; } .object-left {-o-object-position: left; object-position: left; } .object-left-bottom {-o-object-position: left bottom; object-position: left bottom; } .object-left-top {-o-object-position: left top; object-position: left top; } .object-right {-o-object-position: right; object-position: right; } .object-right-bottom {-o-object-position: right bottom; object-position: right bottom; } .object-right-top {-o-object-position: right top; object-position: right top; } .object-top {-o-object-position: top; object-position: top; }
.mt-0 {margin-top: 0px; } .mt-1 {margin-top: 0.25rem; } .mt-2 {margin-top: 0.5rem; } .mt-3 {margin-top: 0.75rem; } .mt-4 {margin-top: 1rem; } .mt-5 {margin-top: 1.25rem; } .mt-6 {margin-top: 1.5rem; } .mt-7 {margin-top: 1.75rem; } .mt-8 {margin-top: 2rem; } .mt-9 {margin-top: 2.25rem; } .mt-10 {margin-top: 2.5rem; } .mt-11 {margin-top: 2.75rem; } .mt-12 {margin-top: 3rem; } .mt-14 {margin-top: 3.5rem; } .mt-16 {margin-top: 4rem; } .mt-20 {margin-top: 5rem; } .mt-24 {margin-top: 6rem; } .mt-28 {margin-top: 7rem; } .mt-32 {margin-top: 8rem; } .mt-36 {margin-top: 9rem; } .mt-40 {margin-top: 10rem; } .mt-44 {margin-top: 11rem; } .mt-48 {margin-top: 12rem; } .mt-52 {margin-top: 13rem; } .mt-56 {margin-top: 14rem; } .mt-60 {margin-top: 15rem; } .mt-64 {margin-top: 16rem; } .mt-72 {margin-top: 18rem; } .mt-80 {margin-top: 20rem; } .mt-96 {margin-top: 24rem; } .mt-120 {margin-top: 25rem; } .mt-128 {margin-top: 32rem; } .mt-auto {margin-top: auto; } .mt-px {margin-top: 1px; } .mt-0\.5 {margin-top: 0.125rem; } .mt-1\.5 {margin-top: 0.375rem; } .mt-2\.5 {margin-top: 0.625rem; } .mt-3\.5 {margin-top: 0.875rem; } .-mt-0 {margin-top: 0px; } .-mt-1 {margin-top: -0.25rem; } .-mt-2 {margin-top: -0.5rem; } .-mt-3 {margin-top: -0.75rem; } .-mt-4 {margin-top: -1rem; } .-mt-5 {margin-top: -1.25rem; } .-mt-6 {margin-top: -1.5rem; } .z-\[99\] {z-index: 99;} .-mt-7 {margin-top: -1.75rem; } .-mt-8 {margin-top: -2rem; } .-mt-9 {margin-top: -2.25rem; } .-mt-10 {margin-top: -2.5rem; } .-mt-11 {margin-top: -2.75rem; } .-mt-12 {margin-top: -3rem; } .-mt-14 {margin-top: -3.5rem; } .-mt-16 {margin-top: -4rem; } .-mt-20 {margin-top: -5rem; } .-mt-24 {margin-top: -6rem; } .-mt-28 {margin-top: -7rem; } .-mt-32 {margin-top: -8rem; } .-mt-36 {margin-top: -9rem; } .-mt-40 {margin-top: -10rem; } .-mt-44 {margin-top: -11rem; } .-mt-48 {margin-top: -12rem; } .-mt-52 {margin-top: -13rem; } .-mt-56 {margin-top: -14rem; } .-mt-60 {margin-top: -15rem; } .-mt-64 {margin-top: -16rem; } .-mt-72 {margin-top: -18rem; } .-mt-80 {margin-top: -20rem; } .-mt-96 {margin-top: -24rem; } .-mt-120 {margin-top: -25rem; } .-mt-128 {margin-top: -32rem; } .-mt-px {margin-top: -1px; } .-mt-0\.5 {margin-top: -0.125rem; } .-mt-1\.5 {margin-top: -0.375rem; } .-mt-2\.5 {margin-top: -0.625rem; } .-mt-3\.5 {margin-top: -0.875rem; }
.z-0 {z-index: 0; } .z-10 {z-index: 10; } .z-20 {z-index: 20; } .z-30 {z-index: 30; } .z-40 {z-index: 40; } .z-50 {z-index: 50; } .z-500 {z-index: 500; } .z-auto {z-index: auto; } .-z-1 {z-index: -1; }
.md\:h-0 {height: 0px; } .md\:h-1 {height: 0.25rem; } .md\:h-2 {height: 0.5rem; } .md\:h-3 {height: 0.75rem; } .md\:h-4 {height: 1rem; } .md\:h-5 {height: 1.25rem; } .md\:h-6 {height: 1.5rem; } .md\:h-7 {height: 1.75rem; } .md\:h-8 {height: 2rem; } .md\:h-9 {height: 2.25rem; } .md\:h-10 {height: 2.5rem; } .md\:h-11 {height: 2.75rem; } .md\:h-12 {height: 3rem; } .md\:h-14 {height: 3.5rem; } .md\:h-16 {height: 4rem; } .md\:h-20 {height: 5rem; } .md\:h-24 {height: 6rem; } .md\:h-28 {height: 7rem; } .md\:h-32 {height: 8rem; } .md\:h-36 {height: 9rem; } .md\:h-40 {height: 10rem; } .md\:h-44 {height: 11rem; } .md\:h-48 {height: 12rem; } .md\:h-52 {height: 13rem; } .md\:h-56 {height: 14rem; } .md\:h-60 {height: 15rem; } .md\:h-64 {height: 16rem; } .md\:h-72 {height: 18rem; } .md\:h-80 {height: 20rem; } .md\:h-96 {height: 24rem; } .md\:h-120 {height: 25rem; } .md\:h-128 {height: 32rem; } .md\:h-auto {height: auto; } .md\:h-px {height: 1px; } .md\:h-0\.5 {height: 0.125rem; } .md\:h-1\.5 {height: 0.375rem; } .md\:h-2\.5 {height: 0.625rem; } .md\:h-3\.5 {height: 0.875rem; } .md\:h-1\/2 {height: 50%; } .md\:h-1\/3 {height: 33.333333%; } .md\:h-2\/3 {height: 66.666667%; } .md\:h-1\/4 {height: 25%; } .md\:h-2\/4 {height: 50%; } .md\:h-3\/4 {height: 75%; } .md\:h-1\/5 {height: 20%; } .md\:h-2\/5 {height: 40%; } .md\:h-3\/5 {height: 60%; } .md\:h-4\/5 {height: 80%; } .md\:h-1\/6 {height: 16.666667%; } .md\:h-2\/6 {height: 33.333333%; } .md\:h-3\/6 {height: 50%; } .md\:h-4\/6 {height: 66.666667%; } .md\:h-5\/6 {height: 83.333333%; } .md\:h-full {height: 100%; } .md\:h-screen {height: 100vh; }
.lg\:h-0 {height: 0px; } .lg\:h-1 {height: 0.25rem; } .lg\:h-2 {height: 0.5rem; } .lg\:h-3 {height: 0.75rem; } .lg\:h-4 {height: 1rem; } .lg\:h-5 {height: 1.25rem; } .lg\:h-6 {height: 1.5rem; } .lg\:h-7 {height: 1.75rem; } .lg\:h-8 {height: 2rem; } .lg\:h-9 {height: 2.25rem; } .lg\:h-10 {height: 2.5rem; } .lg\:h-11 {height: 2.75rem; } .lg\:h-12 {height: 3rem; } .lg\:h-14 {height: 3.5rem; } .lg\:h-16 {height: 4rem; } .lg\:h-20 {height: 5rem; } .lg\:h-24 {height: 6rem; } .lg\:h-28 {height: 7rem; } .lg\:h-32 {height: 8rem; } .lg\:h-36 {height: 9rem; } .lg\:h-40 {height: 10rem; } .lg\:h-44 {height: 11rem; } .lg\:h-48 {height: 12rem; } .lg\:h-52 {height: 13rem; } .lg\:h-56 {height: 14rem; } .lg\:h-60 {height: 15rem; } .lg\:h-64 {height: 16rem; } .lg\:h-72 {height: 18rem; } .lg\:h-80 {height: 20rem; } .lg\:h-96 {height: 24rem; } .lg\:h-120 {height: 25rem; } .lg\:h-128 {height: 32rem; } .lg\:h-auto {height: auto; } .lg\:h-px {height: 1px; } .lg\:h-0\.5 {height: 0.125rem; } .lg\:h-1\.5 {height: 0.375rem; } .lg\:h-2\.5 {height: 0.625rem; } .lg\:h-3\.5 {height: 0.875rem; } .lg\:h-1\/2 {height: 50%; } .lg\:h-1\/3 {height: 33.333333%; } .lg\:h-2\/3 {height: 66.666667%; } .lg\:h-1\/4 {height: 25%; } .lg\:h-2\/4 {height: 50%; } .lg\:h-3\/4 {height: 75%; } .lg\:h-1\/5 {height: 20%; } .lg\:h-2\/5 {height: 40%; } .lg\:h-3\/5 {height: 60%; } .lg\:h-4\/5 {height: 80%; } .lg\:h-1\/6 {height: 16.666667%; } .lg\:h-2\/6 {height: 33.333333%; } .lg\:h-3\/6 {height: 50%; } .lg\:h-4\/6 {height: 66.666667%; } .lg\:h-5\/6 {height: 83.333333%; } .lg\:h-full {height: 100%; } .lg\:h-screen {height: 100vh; } 
@media (min-width: 768px) {
    .md\:absolute { position: absolute; }
}

#header .container {justify-content: start;}
#header .container .navigation {margin-left: auto;margin-right: auto;}

.top-header {display: flex;flex-wrap: wrap;background-color: #21B6FC;padding-top: 5px;padding-bottom: 5px;}
.top-header .container {display: flex;flex-wrap: wrap;justify-content: end;}
.top-header .switch-language {min-width: 80px;width: auto;order: 5;padding-right: 0;}
.top-header .switch-language > .title-font {display: none;}
.top-header .switch-language > div button.form-select {background: #FFFFFF;}
.top-header .switch-language > div > nav {z-index: 999;border: 1px solid #F1F1F1;}
.top-header .switch-currancy {min-width: 150px;width: auto;order: 4;}
.top-header .switch-currancy > .title-font {display: none;}
.top-header .switch-currancy > div > nav {width: 250px;z-index: 999;border: 1px solid #F1F1F1;}
.top-header .switch-currancy > div button.form-select {background: #FFFFFF;}
.top-header .switch-currancy + div {margin-right: 25px;}


.page-footer .footer > div > .container > div > div:nth-child(1) {max-width: 70%;width: 100%;}
.page-footer .footer > div > .container > div > div:nth-child(2) {max-width: 30%;width: 100%;padding-right: 0px;padding-left: 16px;}
.page-footer .footer > div > .container > div > div .subscribe {width: 100%;}
.page-footer .footer > div > .container > div > div .subscribe > div > .form-input {max-width: 100%;width: 100%;}
.page-footer .footer > div > .container > div > div .subscribe > div > .btn-primary {max-width: 33%;width: 100%;margin: 0px;justify-content: center;}
.page-footer .footer > div > .container > div > div:nth-child(1) > div {width: 100%;}
.page-footer .footer > div > .container > div > div:nth-child(1) > div > div {display: flex;flex-wrap: wrap;gap: 0;}
.page-footer .footer > div > .container > div > div:nth-child(1) > div > div > div {max-width: 30%;width: 100%;}
.page-footer .footer > div > div:nth-child(2) > div {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.page-footer .footer > div > div:nth-child(2) > div div {margin: 0;padding: 0px;}
.page-footer .footer > div > div:nth-child(2) > div > div {margin: 0;max-width: 450px;padding: 0;width: 100%;}


/* start privacy-page */
.terms-privacy{margin-top: 35px;}
.terms-privacy h2 {font-size: 26px;line-height: 100%;color: #000000;font-weight: 600;margin-bottom: 20px;}
.terms-privacy h3 {font-size: 24px;line-height: 100%;color: #000000;font-weight: 600;margin-bottom: 10px;}
.terms-privacy h4 {font-size: 20px;line-height: 100%;color: #000000;font-weight: 500;margin-bottom: 10px;padding-left: 20px;position: relative;}
.terms-privacy h3 + h4 {margin-top: 20px;}
.terms-privacy h4 + h3 {margin-top: 50px;margin-bottom: 30px;font-size: 34px;}
.terms-privacy h4:before {content: '';width: 6px;height: 6px;position: absolute;top: 8px;left: 0px;background: #000000;border-radius: 10px;}
.terms-privacy p {font-size: 16px;line-height: 130%;color: #000000;font-weight: 400;margin-bottom: 20px;}
.terms-privacy h3 + p {margin-top: 20px;}
.terms-privacy h4 + p {padding-left: 20px;}
.terms-privacy p img {display: inline-block;margin-right: 2px;}
.cms-privacy-beleid  .table-wrapper {box-shadow: 4px 4px 10px rgba(0,0,0,0.1);}
.terms-privacy .table-wrapper {margin-top: 30px;margin-bottom: 30px;border-radius: 10px;}
.terms-privacy .table-wrapper table {width: 100%;}
.terms-privacy .table-wrapper th {text-align: left;padding: 18px 20px;background-color: #000000;color: #FFFFFF;}
.terms-privacy .table-wrapper th:first-child {border-radius: 8px 0px 0px 0px;}
.terms-privacy .table-wrapper th:last-child {border-radius: 0px 8px 0px 0px;}
.terms-privacy .table-wrapper tbody tr:nth-child(even) {background-color: rgba(0, 0, 0, 0.1);}
.terms-privacy .table-wrapper tbody tr:last-child td:first-child{border-radius: 0px 0px 0px 8px;}
.terms-privacy .table-wrapper tbody tr:last-child td:last-child{border-radius: 0px 0px 8px 0px;}
.terms-privacy .table-wrapper td {padding: 16px 20px;}


.popular-serach {column-gap: 0px;margin-left: 0px;margin-right: 0px;}
.popular-serach li:not(.heading) {max-width: 25%;width: 100%;padding: 10px 20px;position: relative;}
.popular-serach li:not(.heading):before {content: '';width: 10px;height: 10px;position: absolute;transform: scale(0.6);top: 17px;left: 0;border-radius: 10px;background-color: #000000;}
.popular-serach li.heading {max-width: 100%;width: 100%;margin-top: 30px;margin-bottom: 30px;}
.popular-serach li a {font-size: 16px;font-weight: 400;line-height: 150%;color: #000000;transition: 0.3s ease;display: block;width: 100%;border-radius: 5px}
.popular-serach li a:first-letter {text-transform: uppercase;}
.popular-serach li a:hover {text-decoration: none;color: #21B6FC;}
.popular-serach li.heading a {font-size: 20px;font-weight: 600;color: #000;}

.form.search.advanced {max-width: 600px;margin-left: auto;margin-right: auto;}
.form.search.advanced .field .form-input {width: 100%;}
.form.search.advanced .field.price > div {width: 100%;row-gap: 10px;}
.form.search.advanced .field.price > div label {margin-bottom: 0px;}
.form.search.advanced .actions-toolbar {justify-content: start;border-top: none;}
.form.search.advanced .actions-toolbar button {background-color: #21B6FC;color: #FFFFFF;transition: 0.15s ease-in;width: 170px;justify-content: center;}
.form.search.advanced .actions-toolbar button:hover {background-color: #008DC5;color: #FFFFFF;}

/* end privacy-page */

/* Order-retrun page css start */
.sales-guest-form .page-main > .container {display: block;}
.sales-guest-form .page-main > .container h1 {text-align: center;}
.sales-guest-form .column.main > div {background: none;box-shadow: none;}
.sales-guest-form .form-orders-search {max-width: 550px;margin: 0 auto;border-radius: 10px;background-color: #FFFFFF;box-shadow: 0px 5px 10px rgba(0,0,0,0.2);padding: 30px;}
.sales-guest-form .form-orders-search legend span {font-size: 28px;text-transform: capitalize;font-weight: 600;margin-bottom: 10px;display: block;}
.sales-guest-form .form-orders-search fieldset > div {display: block;}
.sales-guest-form .form-orders-search fieldset .field {margin-top: 0px;margin-bottom: 20px;}
.sales-guest-form .form-orders-search fieldset .field .form-input {border: 2px solid #E0E0E0;}
.sales-guest-form .form-orders-search fieldset .field .form-input:focus {outline: none;outline-offset: 0;border-color: rgba(37, 99, 235, 0.7);box-shadow: 0px 0px 0px 2px rgba(37, 99, 235, 0.3);}
.sales-guest-form .form-orders-search fieldset .field select {width: 100%;border-radius: 6px;border: 2px solid #E0E0E0;}
.sales-guest-form .form-orders-search fieldset .field select:focus {outline: none;outline-offset: 0;border-color: rgba(37, 99, 235, 0.7);box-shadow: 0px 0px 0px 2px rgba(37, 99, 235, 0.3);}
.sales-guest-form .form-orders-search .actions-toolbar {margin-top: 10px;border: none;padding-top: 0px;display: block;}
.sales-guest-form .form-orders-search .actions-toolbar .primary button {width: 100%;display: block;background-color: #00B2F8;}
.sales-guest-form .form-orders-search .actions-toolbar .primary button span {display: block;vertical-align: initial;}
/* Order-retrun page css end */


.btn-primary {background-color: #00B2F8 !important;}
.btn-primary:hover {background-color: #008DC5 !important;}

/* Mini Cart*/
.magemonkey-cart > div {align-items: center;position: relative;}
.magemonkey-cart > div > header {padding: 20px 30px;position: absolute;top: 0;left: 0;width: 100%;}
.magemonkey-cart > div > header p {display: flex;align-items: center;}
.magemonkey-cart > div > header p a {margin-left: 0px;margin-right: 20px;}
.magemonkey-cart > div > header p a span {display: none;}
.magemonkey-cart > div > header p a:hover svg {stroke: #00B2F8;}
.magemonkey-cart > div > header p strong {font-size: 25px;line-height: 100%;}
.magemonkey-cart > div > div {padding: 0px 0px 20px 0px;font-size: 22px;}
.magemonkey-cart > div > div > a {border: 2px solid #000;background-color: transparent !important;color: #000000;font-size: 14px;font-weight: 700;line-height: 1.15;padding: 18px 35px;text-transform: uppercase;height: auto;text-decoration: none;transition: 0.15s ease;box-shadow: none;}
.magemonkey-cart > div > div > a:hover {border-color: #00B2F8;color: #00B2F8;box-shadow: none;background-color: transparent !important;}
.magemonkey-cart > div > div > div {padding: 0;margin: 0;}
.magemonkey-cart {max-width: 35rem;}
.magemonkey-cart > div > div > div {padding: 0;margin: 0;}
.page-header .magemonkey-cart > div > div:nth-of-type(3) > div{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-block:10px 20px; }
.page-header .magemonkey-cart > div > div:nth-of-type(3){ padding-bottom: 0; display: unset; position: sticky; bottom:0 ; }
.page-header .magemonkey-cart > div > div:nth-of-type(3) > div > div:is(:nth-last-of-type(1), :nth-last-of-type(2)) a{ display: block; }
.page-header .magemonkey-cart .empty-mini-cart-btn div:before,
.page-header .magemonkey-cart > div > div:nth-of-type(3):before{ display: none }
.page-header .magemonkey-cart > div > .cart-items >div{ height: max-content; position: relative; padding-bottom: 20px }
.page-header .magemonkey-cart > div > div > div:before{ content: ''; position: absolute; bottom: 0; left: -20px; height: 1px; width: calc(100% + 40px); background-color: #E7E7E7; }
.page-header .magemonkey-cart > div > .cart-items{ flex: 1; display: unset; }
/* Mini Cart*/

div[x-ref="am-cookie-bar"] {position: fixed;bottom: 20px;left: 50%;transform: translateX(-50%);background-color: #FFFFFF;max-width: 700px;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);border-radius: 10px;padding-top: 60px;padding-bottom: 30px;}
div[x-ref="am-cookie-bar"] > button {top: 20px;right: 20px;background-color: #21B6FC;border-radius: 4px;color: #FFFFFF;outline: none;transition: 0.15s ease-in;}
div[x-ref="am-cookie-bar"] > button:hover {color: #FFFFFF;background-color: #008DC5;}
div[x-ref="am-cookie-bar"] > div > div > div p {font-size: 16px;color: #000000;line-height: 130%;margin-bottom: 0px;}
div[x-ref="am-cookie-bar"] > div > div > div:nth-child(2) button {width: auto;margin-bottom: 0;background-color: #21B6FC;padding: 5px 10px;font-size: 16px;font-weight: 400;border-radius: 5px;color: #FFFFFF;transition: 0.15s ease-in;}
div[x-ref="am-cookie-bar"] > div > div > div:nth-child(2) button:hover {background-color: #008DC5;color: #FFFFFF;}

div[x-ref="am-cookie-bar-settings"] {bottom: 20px;position: fixed;max-width: 1000px;}
div[x-ref="am-cookie-bar-settings"] > button {top: 20px;right: 20px;background-color: #21B6FC;border-radius: 4px;color: #FFFFFF;outline: none;transition: 0.15s ease-in;}
div[x-ref="am-cookie-bar-settings"] > button:hover {color: #FFFFFF;background-color: #008DC5;}
div[x-ref="am-cookie-bar-settings"] #cookiebar-groups > div > div {margin-bottom: 0px;}
div[x-ref="am-cookie-bar-settings"] #cookiebar-groups > div > div > button {margin-bottom: 0px;border: none;background-color: #21B6FC;color: #FFFFFF;box-shadow: none;transition: 0.15s ease-in;}
div[x-ref="am-cookie-bar-settings"] #cookiebar-groups > div > div > button:hover {background-color: #008DC5;color: #FFFFFF;}
div[x-ref="am-cookie-bar-settings"] #cookiebar-groups + div .ambar-action-btn {width: auto;padding: 10px 30px;background-color: #21B6FC;margin-top: 10px;border-radius: 5px;margin-left: auto;transition: 0.15s ease-in;}
div[x-ref="am-cookie-bar-settings"] #cookiebar-groups + div .ambar-action-btn:hover {background-color: #008DC5;color: #FFFFFF;}

.amgdpr-policy-popup > div {max-height: 700px;}
.amgdpr-policy-popup > div > button + div {padding-bottom: 40px;}
.amgdpr-policy-popup > div > button + div > p {font-weight: 700;margin-left: 0;line-height: 100%;}
.amgdpr-policy-popup > div > button {top: 20px;right: 20px;background-color: #21B6FC;border-radius: 4px;color: #FFFFFF;outline: none;transition: 0.15s ease-in;}
.amgdpr-policy-popup > div > button:hover {color: #FFFFFF;background-color: #008DC5;}
.amgdpr-policy-popup > div #amgdpr-policy-content::-webkit-scrollbar {width: 5px;}
.amgdpr-policy-popup > div #amgdpr-policy-content::-webkit-scrollbar-track {background: #E0E0E0;}
.amgdpr-policy-popup > div #amgdpr-policy-content::-webkit-scrollbar-thumb {background: #000000;}
.amgdpr-policy-popup > div #amgdpr-policy-content::-webkit-scrollbar-thumb:hover {background: #555555;}
.amgdpr-policy-popup > div #amgdpr-policy-content > div {padding: 0;}
.amgdpr-policy-popup > div #amgdpr-policy-content > div > div {padding: 0 !important;}
.amgdpr-policy-popup > div #amgdpr-policy-content > div > div > div p {font-size: 17px;line-height: 150%;color: #000000;margin-top: 20px;margin-bottom: 20px;}
.amgdpr-policy-popup > div #amgdpr-policy-content > div > div > div ul {list-style: disc;padding-left: 20px;}
.amgdpr-policy-popup > div #amgdpr-policy-content > div > div > div ul li {font-size: 17px;line-height: 150%;color: #000000;margin-top: 10px;margin-bottom: 10px;}
.amgdpr-policy-popup > div #amgdpr-policy-content > div > div > div h2 {font-size: 20px;font-weight: 500;line-height: 150%;color: #000000;margin-bottom: 20px;margin-top: 20px;}
.amgdpr-policy-popup > div #amgdpr-policy-content > div > div > div h2 span {font-weight: 500 !important;}
.amgdpr-policy-popup > div #amgdpr-policy-content > div > div > div h3 {font-size: 20px;font-weight: 500;line-height: 150%;color: #000000;margin-bottom: 20px;margin-top: 20px;}
.amgdpr-policy-popup > div #amgdpr-policy-content > div > div > div h1 {font-size: 20px;font-weight: 500;line-height: 150%;color: #000000;margin-bottom: 20px;margin-top: 20px;}
.amgdpr-policy-popup > div #amgdpr-policy-content > div > div > div p:first-of-type {margin-top: 0;}
.amgdpr-policy-popup > div #amgdpr-policy-content + div button {font-size: 18px;font-weight: 400;padding: 6px 15px;border-radius: 5px;}


body.open-cart-drawer {overflow: hidden !important;}

.pagebuilder-slider .carousel-nav {background-color: transparent;padding-bottom: 10px;}
.pagebuilder-slider .carousel-nav .glider-dots button {background-color: #99dae2;opacity: 1;}
.pagebuilder-slider .carousel-nav .glider-dots button.active {background-color: #21B6FC;}

.btn:focus {outline: none;box-shadow: none;}
.product-info .normal-price .price-including-tax{ display: block }
.product-info .normal-price .price-including-tax:before { content: attr(data-label) ": "; }
.page.messages { position: static; }

/* Product slider dots start */
#slider-nav-1 > div button span { background-color: #21B6FC; opacity: 0.5; }
#slider-nav-1 > div button span.bg-opacity-100 { background-color: #21B6FC; opacity: 1; }
/* Product slider dots start */
#cart-drawer .magemonkey-cart header{
    padding: 20px
}

.product-info .swatch-attribute label.sw-im{
    width: 55px !important;
    height: 40px;
    background-size: contain!important;
}
#product_addtocart_form .swatch-attribute > div > div label{
    width: 55px !important;
    height: 40px;
    background-size: contain!important;
}
.product-info .swatch-attribute label.sw-im {
    line-height: 1;
    align-items: center;
}
label.swatch-option{
    border: 1px solid lightgray;
}

#payment-method-list #payment-method-option-paypal_express label{
    position: relative
}
#payment-method-list #payment-method-option-paypal_express label:after {
    content: '';
    width: 43px;
    height: 31px;
    background-image: url('../image/payment/paypal-icon.png');
    background-size: 100%;z
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 6px;
    border: 2px solid #e5e4e4;
}
body .column.main > [data-content-type="row"][data-appearance="contained"][data-element="main"] {
    padding: 0
}
body .column.main > [data-content-type="row"][data-appearance="contained"][data-element="main"]  [data-enable-parallax="0"],
body .column.main > [data-content-type="row"][data-appearance="contained"][data-element="main"]  [data-content-type="row"]{
    padding: 0;
}
body .column.main > [data-content-type="row"][data-appearance="contained"][data-element="main"]  [data-content-type="heading"]{
    padding:24px 24px 12px;
    margin:0 0 24px 0 ;
    font-size: 24px;
    font-weight: 500;
    color: #111827;
    border-bottom: 2px solid rgb(209 213 219);
    text-transform: capitalize;
}
body .column.main > [data-content-type="row"][data-appearance="contained"][data-element="main"]  .carousel-nav > button{
    padding: 12px;
    display: block;
    width: 44px;
    height: 44px;
    margin: 0
}
body .column.main > [data-content-type="row"][data-appearance="contained"][data-element="main"]  .carousel-nav > button svg{
    scale:0.9
}
body .column.main > [data-content-type="row"][data-appearance="contained"][data-element="main"]  .carousel-nav .glider-dots {
    margin: 0
}
body .column.main > [data-content-type="row"][data-appearance="contained"][data-element="main"]  .carousel-nav .glider-dots > button{
    margin: 16px;
    background-color: #21B6FC;
}

body .column.main > [data-content-type="row"][data-appearance="contained"][data-element="main"] .glider {
    margin-inline:-8px
}
@media screen and (max-width: 1600px){
    .amgdpr-policy-popup > div {max-height: 600px;width: 80%;}
}

@media (max-width: 1535px){
    .product_addtocart_form .product-info > div > button:nth-child(1) {padding: 10px 20px;}
    .popular-serach li:not(.heading) {max-width: 33.333%;}
}
@media (min-width: 1280px) and (max-width: 1535px){
    .page-footer .footer > div > .container > div > div:nth-child(1) > div > div{
        gap:20px
    }
}
@media (max-width: 1279px) {
    .popular-serach li:not(.heading) {max-width: 50%;}
    .amgdpr-policy-popup > div {max-height: 550px;width: 80%;}
}

@media (max-width: 1023px) {
    #header .container > div.mobile-icon a#compare-link{ margin-right: 10px }
    #header .container .navigation {width: auto;height: 30px;margin: 0px;}
    #header .container > div:nth-child(1) {max-width: 190px;width: 100%;order: 3;margin-left: 10px;}
    #header .container > .navigation > button {width: 30px;height: 30px;padding: 0px;}
    #header .container > .navigation > button svg {width: 100%;height: 100%;padding: 0px;}
    #header .container > div.mobile-icon {margin-left: auto;column-gap: 6px;}
    #header .container > div.mobile-icon #compare-link,
    #header .container > div.mobile-icon #menu-search-icon,
    #header .container > div.mobile-icon > div,
    #header .container > div.mobile-icon #menu-cart-icon {width: 30px;height: 30px;margin: 0px;}
    #header .container > div.mobile-icon #compare-link svg,
    #header .container > div.mobile-icon #menu-search-icon svg,
    #header .container > div.mobile-icon > div svg,
    #header .container > div.mobile-icon #menu-cart-icon svg {width: 100%;height: 100%;}

    .page-footer .footer > div > .container > div > div:nth-child(1) {max-width: 100%;}
    .page-footer .footer > div > .container > div > div:nth-child(2) {max-width: 100%;}    
    .page-footer .footer > div > .container > div > div .subscribe > div > .form-input {width: 100%;max-width: 70%;}
    .page-footer .footer > div > .container > div > div .subscribe > div > .btn-primary {width: 100%;max-width: 28%;justify-content: center;}
    .page-footer .footer > div > div:nth-child(2) > div > div {max-width: 300px;}

    .popular-serach li:not(.heading) {max-width: 48.73%;}
    .popular-serach li a {width: 100%;}
}

@media (max-width: 767px){
    .product-info .swatch-attribute {max-width: calc(100vw - 90px);}
    .widget.block.block-static-block div {padding-inline: 0;}
    .page-wrapper {overflow-x: hidden; }
    body .column.main > [data-content-type="row"][data-appearance="contained"][data-element="main"]  .carousel-nav{
        justify-content: space-between;
        padding: 16px 0
    }
    body .column.main > [data-content-type=row][data-appearance=contained][data-element=main] .carousel-nav .glider-dots{
        flex: 1
    }
    body .column.main > [data-content-type=row][data-appearance=contained][data-element=main] .carousel-nav .glider-dots > button{
        margin: 0 10px 0 0
    }
    /* Product slider dots start */
    .product-slider > div > section > div > div #slider-nav-1 > div > button{
	    width: 25px
	}
	.product-slider > div > section > div > div #slider-nav-1 > div > button span{
	    margin: 0
	}
    /* Product slider dots end */
    .page-footer .footer > div > .container > div {row-gap: 30px;}
    .page-footer .footer > div > .container > div > div:nth-child(1) {max-width: 100%;padding-right: 0px;}
    .page-footer .footer > div > .container > div > div:nth-child(2) {max-width: 100%;padding-left: 0px;}
    .page-footer .footer > div > .container > div > div:nth-child(1) > div > div {display: flex;flex-wrap: wrap;row-gap: 30px;}
    .page-footer .footer > div > .container > div > div:nth-child(1) > div > div > div {max-width: 100%;}
    .page-footer .footer > div >div:nth-child(2) > div {justify-content: center;}
    .page-footer .footer > div >div:nth-child(2) > div p {text-align: center;margin-bottom: 15px}
    
    .top-header .switch-currancy > div > nav {width: 250px;z-index: 999;left: 0;}
    #header .container > div:nth-child(1) {max-width: 100px;}
    #header .container > .navigation > button {width: 30px;height: 100%;padding: 0px;}
    #header .container > .navigation > button svg {width: 100%;padding: 0px;}
    #header .container > div.mobile-icon #compare-link,
    #header .container > div.mobile-icon #menu-search-icon,
    #header .container > div.mobile-icon > div,
    #header .container > div.mobile-icon #menu-cart-icon {width: 25px;height: 25px;margin: 0px;}
    #header .container > div.mobile-icon #compare-link svg,
    #header .container > div.mobile-icon #menu-search-icon svg,
    #header .container > div.mobile-icon > div svg,
    #header .container > div.mobile-icon #menu-cart-icon svg {width: 100%;height: 100%;}

    .terms-privacy .table-wrapper {overflow-x: auto;}
    .terms-privacy .table-wrapper table {width: 1300px;}
    .popular-serach li:not(.heading) {max-width: 100%;}


    .form.search.advanced .actions-toolbar button.action.search {width: 150px;justify-content: center;}
    
    .amgdpr-policy-popup > div {max-height: 450px;width: 80%;padding: 25px;}
    div[x-ref="am-cookie-bar"] {max-width: 90%;}

    body .column.main > [data-content-type="row"][data-appearance="contained"][data-element="main"] .carousel-nav > button {
        padding: 0;
        display: flex;
        width: 25px;
        background-color: rgba(0,0,0,0.2);
        height: 40px;
        margin: 0;
        border-radius: 0;
        align-items: center;
        justify-content: center;
    }
    
    body .column.main > [data-content-type="row"][data-appearance="contained"][data-element="main"] .carousel-nav > button svg {
        scale: 1.1;
    }
    body .column.main > [data-content-type="row"][data-appearance="contained"][data-element="main"]  .carousel-nav {
        justify-content: space-between;
        padding: 16px 0;
        position: absolute;
        top: 35%;
        transform: translate(0, -50%);
        width: 100%;
        left: 0;
        z-index: 999;
    }
    
}
.magemonkey-cart > div {padding-top: 70px;}
.magemonkey-cart > div > div {padding-left: 20px;padding-right: 20px;gap: 0;width: 100%;}
.magemonkey-cart > div > div > div {border-radius: 0;padding-top: 20px;}
.magemonkey-cart > div > div > div:not(:last-of-type) {padding-bottom: 20px;position: relative}
.magemonkey-cart > div > div > div:not(:last-of-type):before {content: '';position: absolute;bottom: 0;left: -20px;height: 1px;width: calc(100% + 40px);background-color: #E7E7E7;}
.magemonkey-cart > div > div > div > a {display: block;width: 100%;max-width: 70px;}
.magemonkey-cart > div > div > div > a img {width: 100%;}
.magemonkey-cart > div > div > div > a + div:nth-of-type(1) p:nth-of-type(1) {font-size: 15px;font-weight: 600;padding-right: 25px;line-height: 150%;}
.magemonkey-cart > div > div > div > a + div:nth-of-type(1) p:nth-of-type(2) {font-size: 14px;font-weight: 400;color: #757f8f;line-height: 100%;margin-top: 10px;}
.magemonkey-cart > div > div > div > div > div:nth-of-type(2) {margin-top: 0px !important;font-size: 14px;font-weight: 400;color: #757f8f;line-height: 100%;margin-top: 10px;}
.magemonkey-cart > div > div > div > div > div:nth-of-type(2) span {color: #757f8f;}
.magemonkey-cart > div > div > div > div > div:nth-of-type(2) span:nth-child(1) {color: #000000;font-size: 15px;}
.magemonkey-cart > div > div > div > div > div:nth-of-type(3) {margin-top: 0px !important;font-size: 14px;font-weight: 400;color: #757f8f;line-height: 100%;margin-top: 10px;}
.magemonkey-cart > div > div > div > div > div:nth-of-type(3) span {color: #757f8f;}
.magemonkey-cart > div > div > div > div > div:nth-of-type(3) span:nth-child(1) {color: #000000;font-size: 15px;}
.magemonkey-cart > div > div:nth-of-type(2) > div > div:nth-of-type(2) {width: 30%;display: flex;margin-left: auto !important;justify-content: end;}
.magemonkey-cart > div > div:nth-of-type(2) > div > div:nth-of-type(2) > div {padding-top: 0;margin-left: 12px;display: flex;align-items: center;}
.magemonkey-cart > div > div:nth-of-type(2) > div > div:nth-of-type(2) > div a {padding: 0;margin: 0;width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;margin-right: 5px;background: #FFFFFF;color: #000000;border-radius: 30px;transition: 0.3s ease;}
.magemonkey-cart > div > div:nth-of-type(2) > div > div:nth-of-type(2) > div a:hover {color: #00B2F8;}
.magemonkey-cart > div > div:nth-of-type(2) > div > div:nth-of-type(2) > div button {padding: 0;margin: 0;width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;background: #FFFFFF;color: #000000;border-radius: 30px;transition: 0.3s ease;}
.magemonkey-cart > div > div:nth-of-type(2) > div > div:nth-of-type(2) > div button:hover {color: #00B2F8;}
.magemonkey-cart > div > div:nth-of-type(2) > div > div:nth-of-type(2) > p {font-size: 20px;}
.magemonkey-cart > div > div:nth-of-type(3) {width: 100%;display: flex;padding-bottom: 150px;}
.magemonkey-cart > div > div:nth-of-type(3):before {content: '';bottom: -5px;left: 0;width: 100%;height: 110px;background-color: #FFFFFF;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);position: absolute;}
.magemonkey-cart > div > div:nth-of-type(3) > div {max-width: 100%;width: 100%;gap:10px; padding: 15px 0 15px;position: unset;}
.magemonkey-cart > div > div:nth-of-type(3) > div > div:nth-child(1) {border-radius: 0px;background: transparent;margin: 0 0 10px  }
.magemonkey-cart > div > div:nth-of-type(3) > div > div:nth-child(1) p {font-size: 25px;text-align: right;font-weight: 700;display: flex; justify-content: space-between;}
.magemonkey-cart > div > div:nth-of-type(3) > div > div:nth-child(1) p span {font-weight: 400;margin-left: 5px;color: #757f8f;}

.magemonkey-cart .empty-mini-cart-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.magemonkey-cart .empty-mini-cart-btn > div:nth-child(2) {font-size: 22px;margin-bottom: 25px;}
.magemonkey-cart .empty-mini-cart-btn > div:nth-child(4) > a {border: 2px solid #000;background-color: transparent !important;color: #000000;font-size: 14px;font-weight: 700;line-height: 1.15;padding: 18px 35px;text-transform: uppercase;height: auto;text-decoration: none;transition: 0.15s ease;box-shadow: none;width: 100%;justify-content: center;}
.magemonkey-cart .empty-mini-cart-btn > div:nth-child(4) > a:hover {border-color: #00B2F8;color: #00B2F8;box-shadow: none;background-color: transparent !important;}
.magemonkey-cart .empty-mini-cart-btn > div:nth-child(2) {padding: 0;text-align: center;}
.magemonkey-cart .empty-mini-cart-btn > div:nth-child(2)::before {display: none;padding: 0;}
.magemonkey-cart .empty-mini-cart-btn > div:nth-child(4) {padding: 0px;display: flex;justify-content: center;}
.magemonkey-cart .empty-mini-cart-btn > div:nth-child(4) > a { display: flex; width: auto; max-width: unset; }


@media (max-width: 675px) {
    .top-header .container {justify-content: center;}
}
@media (max-width: 600px) {
    .page-footer .footer > div > .container > div > div .subscribe > div > .form-input {max-width: 100%;}
    .page-footer .footer > div > .container > div > div .subscribe > div > .btn-primary {max-width: 100%;}
}