@font-face {
    font-family: 'hm sans regular,hm sans arabic regular,sans-serif,arial-Rounded-Bold';
    src: url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arialRounded-Bold.eot');
    src: url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arialRounded-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arialRounded-Bold.woff2') format('woff2'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arialRounded-Bold.woff') format('woff'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arialRounded-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'hm sans regular,hm sans arabic regular,sans-serif,arial-Compressed';
    src: url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Compressed.eot');
    src: url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Compressed.eot?#iefix') format('embedded-opentype'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Compressed.woff2') format('woff2'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Compressed.woff') format('woff'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Compressed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'hm sans regular,hm sans arabic regular,sans-serif,arial-Light';
    src: url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Light.eot');
    src: url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Light.woff2') format('woff2'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Light.woff') format('woff'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'hm sans regular,hm sans arabic regular,sans-serif,arial-BoldOblique';
    src: url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-BoldOblique.eot');
    src: url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-BoldOblique.eot?#iefix') format('embedded-opentype'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-BoldOblique.woff2') format('woff2'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-BoldOblique.woff') format('woff'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-BoldOblique.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'hm sans regular,hm sans arabic regular,sans-serif,arial-Bold';
    src: url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Bold.eot');
    src: url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Bold.woff2') format('woff2'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Bold.woff') format('woff'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'hm sans regular,hm sans arabic regular,sans-serif,arial';
    src: url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial.eot');
    src: url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial.eot?#iefix') format('embedded-opentype'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial.woff2') format('woff2'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial.woff') format('woff'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'hm sans regular,hm sans arabic regular,sans-serif,arial-Oblique';
    src: url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Oblique.eot');
    src: url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Oblique.eot?#iefix') format('embedded-opentype'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Oblique.woff2') format('woff2'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Oblique.woff') format('woff'),
        url('fonts/hm sans regular,hm sans arabic regular,sans-serif,arial-Oblique.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: mothercare;
    src: url(fonts/alshaya-bold.woff2) format("woff2"),
    url(fonts/alshaya-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercarethin;
    src: url(fonts/alshaya-thin.woff2) format("woff2"),
    url(fonts/alshaya-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-300;
    src: url(fonts/alshaya-arabic-thin.woff2) format("woff2"),
    url(fonts/alshaya-arabic-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-bold;
    src: url(fonts/alshaya-arabic-bold.woff2) format("woff2"),
    url(fonts/alshaya-arabic-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: alshaya-icons;
    src: url(fonts/alshaya-icons.eot?D7b5iT);
    src: url(fonts/alshaya-icons.eot?D7b5iT#iefix) format("embedded-opentype"),
    url(fonts/alshaya-icons.ttf?D7b5iT) format("truetype"),
    url(fonts/alshaya-icons.woff?D7b5iT) format("woff"),
    url(fonts/alshaya-icons.svg?D7b5iT#alshaya-icons) format("svg");
    font-weight: 400;
    font-style: normal;
}
    
@font-face {
    font-family: throwmyhandsupintheair;
    src: url(fonts/ThrowMyHandsUpintheAir.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: throwmyhandsupintheairbold;
    src: url(fonts/ThrowMyHandsUpintheAirBold.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercare;
    src: url(fonts/alshaya-bold.woff2) format("woff2"),
    url(fonts/alshaya-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercarethin;
    src: url(fonts/alshaya-thin.woff2) format("woff2"),
    url(fonts/alshaya-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-300;
    src: url(fonts/alshaya-arabic-thin.woff2) format("woff2"),
    url(fonts/alshaya-arabic-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-bold;
    src: url(fonts/alshaya-arabic-bold.woff2) format("woff2"),
    url(fonts/alshaya-arabic-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: alshaya-icons;
    src: url(fonts/alshaya-icons.eot?D7b5iT);
    src: url(fonts/alshaya-icons.eot?D7b5iT#iefix) format("embedded-opentype"),
    url(fonts/alshaya-icons.ttf?D7b5iT) format("truetype"),
    url(fonts/alshaya-icons.woff?D7b5iT) format("woff"),
    url(fonts/alshaya-icons.svg?D7b5iT#alshaya-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    }
@font-face {
    font-family: throwmyhandsupintheair;
    src: url(fonts/ThrowMyHandsUpintheAir.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: throwmyhandsupintheairbold;
    src: url(fonts/ThrowMyHandsUpintheAirBold.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hnm-icons;
    src: url(fonts/alshaya-icons.eot?p1AKYu);
    src: url(fonts/alshaya-icons.eot?p1AKYu#iefix) format("embedded-opentype"),
    url(fonts/alshaya-icons.ttf?p1AKYu) format("truetype"),
    url(fonts/alshaya-icons.woff?p1AKYu) format("woff"),
    url(fonts/alshaya-icons.svg?p1AKYsu#alshaya-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    }
@font-face {
    font-family: hm sans regular;
    src: url(fonts/HMSans-Regular.woff2) format("woff2"),
    url(fonts/HMSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans semi bold;
    src: url(fonts/HMSans-SemiBold.woff2) format("woff2"),
    url(fonts/HMSans-SemiBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans bold;
    src: url(fonts/HMSans-Bold.woff2) format("woff2"),
    url(fonts/HMSans-Bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans italic;
    src: url(fonts/HMSans-Italic.woff2) format("woff2"),
    url(fonts/HMSans-Italic.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans light;
    src: url(fonts/HMSans-Light.woff2) format("woff2"),
    url(fonts/HMSans-Light.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic regular;
    src: url(fonts/HMSansArabic-Regular.woff2?jAKPu) format("woff2"),
    url(fonts/HMSansArabic-Regular.woff?jAKPu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic semi bold;
    src: url(fonts/HMSansArabic-SemiBold.woff2?jDKPu) format("woff2"),
    url(fonts/HMSansArabic-SemiBold.woff?jDKPu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic bold;
    src: url(fonts/HMSansArabic-Bold.woff2?jDKZu) format("woff2"),
    url(fonts/HMSansArabic-Bold.woff?jDKZu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic light;
    src: url(fonts/HMSansArabic-Light.woff2?jNKZu) format("woff2"),
    url(fonts/HMSansArabic-Light.woff?jNKZu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'hm serif regular';
    src: url(fonts/HMSerif-Regular.woff2) format("woff2"),
    url(fonts/HMSerif-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'hm serif italic';
    src: url(fonts/HMSerif-Italic.woff2) format("woff2"),
    url(fonts/HMSerif-Italic.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'hm serif semibold';
    src: url(fonts/HMSerif-SemiBold.woff2) format("woff2"),
    url(fonts/HMSerif-SemiBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercare;
    src: url(fonts/alshaya-bold.woff2) format("woff2"),
    url(fonts/alshaya-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercarethin;
    src: url(fonts/alshaya-thin.woff2) format("woff2"),
    url(fonts/alshaya-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-300;
    src: url(fonts/alshaya-arabic-thin.woff2) format("woff2"),
    url(fonts/alshaya-arabic-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-bold;
    src: url(fonts/alshaya-arabic-bold.woff2) format("woff2"),
    url(fonts/alshaya-arabic-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: alshaya-icons;
    src: url(fonts/alshaya-icons.eot?D7b5iT);
    src: url(fonts/alshaya-icons.eot?D7b5iT#iefix) format("embedded-opentype"),
    url(fonts/alshaya-icons.ttf?D7b5iT) format("truetype"),
    url(fonts/alshaya-icons.woff?D7b5iT) format("woff"),
    url(fonts/alshaya-icons.svg?D7b5iT#alshaya-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    }
@font-face {
    font-family: throwmyhandsupintheair;
    src: url(fonts/ThrowMyHandsUpintheAir.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: throwmyhandsupintheairbold;
    src: url(fonts/ThrowMyHandsUpintheAirBold.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercare;
    src: url(fonts/alshaya-bold.woff2) format("woff2"),
    url(fonts/alshaya-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercarethin;
    src: url(fonts/alshaya-thin.woff2) format("woff2"),
    url(fonts/alshaya-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-300;
    src: url(fonts/alshaya-arabic-thin.woff2) format("woff2"),
    url(fonts/alshaya-arabic-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-bold;
    src: url(fonts/alshaya-arabic-bold.woff2) format("woff2"),
    url(fonts/alshaya-arabic-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: alshaya-icons;
    src: url(fonts/alshaya-icons.eot?D7b5iT);
    src: url(fonts/alshaya-icons.eot?D7b5iT#iefix) format("embedded-opentype"),
    url(fonts/alshaya-icons.ttf?D7b5iT) format("truetype"),
    url(fonts/alshaya-icons.woff?D7b5iT) format("woff"),
    url(fonts/alshaya-icons.svg?D7b5iT#alshaya-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    }
@font-face {
    font-family: throwmyhandsupintheair;
    src: url(fonts/ThrowMyHandsUpintheAir.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: throwmyhandsupintheairbold;
    src: url(fonts/ThrowMyHandsUpintheAirBold.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hnm-icons;
    src: url(fonts/alshaya-icons.eot?p1AKYu);
    src: url(fonts/alshaya-icons.eot?p1AKYu#iefix) format("embedded-opentype"),
    url(fonts/alshaya-icons.ttf?p1AKYu) format("truetype"),
    url(fonts/alshaya-icons.woff?p1AKYu) format("woff"),
    url(fonts/alshaya-icons.svg?p1AKYsu#alshaya-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    }
@font-face {
    font-family: hm sans regular;
    src: url(fonts/HMSans-Regular.woff2) format("woff2"),
    url(fonts/HMSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans semi bold;
    src: url(fonts/HMSans-SemiBold.woff2) format("woff2"),
    url(fonts/HMSans-SemiBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans bold;
    src: url(fonts/HMSans-Bold.woff2) format("woff2"),
    url(fonts/HMSans-Bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans italic;
    src: url(fonts/HMSans-Italic.woff2) format("woff2"),
    url(fonts/HMSans-Italic.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans light;
    src: url(fonts/HMSans-Light.woff2) format("woff2"),
    url(fonts/HMSans-Light.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic regular;
    src: url(fonts/HMSansArabic-Regular.woff2?jAKPu) format("woff2"),
    url(fonts/HMSansArabic-Regular.woff?jAKPu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic semi bold;
    src: url(fonts/HMSansArabic-SemiBold.woff2?jDKPu) format("woff2"),
    url(fonts/HMSansArabic-SemiBold.woff?jDKPu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic bold;
    src: url(fonts/HMSansArabic-Bold.woff2?jDKZu) format("woff2"),
    url(fonts/HMSansArabic-Bold.woff?jDKZu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic light;
    src: url(fonts/HMSansArabic-Light.woff2?jNKZu) format("woff2"),
    url(fonts/HMSansArabic-Light.woff?jNKZu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'hm serif regular';
    src: url(fonts/HMSerif-Regular.woff2) format("woff2"),
    url(fonts/HMSerif-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'hm serif italic';
    src: url(fonts/HMSerif-Italic.woff2) format("woff2"),
    url(fonts/HMSerif-Italic.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'hm serif semibold';
    src: url(fonts/HMSerif-SemiBold.woff2) format("woff2"),
    url(fonts/HMSerif-SemiBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercare;
    src: url(fonts/alshaya-bold.woff2) format("woff2"),
    url(fonts/alshaya-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercarethin;
    src: url(fonts/alshaya-thin.woff2) format("woff2"),
    url(fonts/alshaya-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-300;
    src: url(fonts/alshaya-arabic-thin.woff2) format("woff2"),
    url(fonts/alshaya-arabic-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-bold;
    src: url(fonts/alshaya-arabic-bold.woff2) format("woff2"),
    url(fonts/alshaya-arabic-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: alshaya-icons;
    src: url(fonts/alshaya-icons.eot?D7b5iT);
    src: url(fonts/alshaya-icons.eot?D7b5iT#iefix) format("embedded-opentype"),
    url(fonts/alshaya-icons.ttf?D7b5iT) format("truetype"),
    url(fonts/alshaya-icons.woff?D7b5iT) format("woff"),
    url(fonts/alshaya-icons.svg?D7b5iT#alshaya-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    }
@font-face {
    font-family: throwmyhandsupintheair;
    src: url(fonts/ThrowMyHandsUpintheAir.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: throwmyhandsupintheairbold;
    src: url(fonts/ThrowMyHandsUpintheAirBold.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercare;
    src: url(fonts/alshaya-bold.woff2) format("woff2"),
    url(fonts/alshaya-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercarethin;
    src: url(fonts/alshaya-thin.woff2) format("woff2"),
    url(fonts/alshaya-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-300;
    src: url(fonts/alshaya-arabic-thin.woff2) format("woff2"),
    url(fonts/alshaya-arabic-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-bold;
    src: url(fonts/alshaya-arabic-bold.woff2) format("woff2"),
    url(fonts/alshaya-arabic-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: alshaya-icons;
    src: url(fonts/alshaya-icons.eot?D7b5iT);
    src: url(fonts/alshaya-icons.eot?D7b5iT#iefix) format("embedded-opentype"),
    url(fonts/alshaya-icons.ttf?D7b5iT) format("truetype"),
    url(fonts/alshaya-icons.woff?D7b5iT) format("woff"),
    url(fonts/alshaya-icons.svg?D7b5iT#alshaya-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    }
@font-face {
    font-family: throwmyhandsupintheair;
    src: url(fonts/ThrowMyHandsUpintheAir.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: throwmyhandsupintheairbold;
    src: url(fonts/ThrowMyHandsUpintheAirBold.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hnm-icons;
    src: url(fonts/alshaya-icons.eot?p1AKYu);
    src: url(fonts/alshaya-icons.eot?p1AKYu#iefix) format("embedded-opentype"),
    url(fonts/alshaya-icons.ttf?p1AKYu) format("truetype"),
    url(fonts/alshaya-icons.woff?p1AKYu) format("woff"),
    url(fonts/alshaya-icons.svg?p1AKYsu#alshaya-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    }
@font-face {
    font-family: hm sans regular;
    src: url(fonts/HMSans-Regular.woff2) format("woff2"),
    url(fonts/HMSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans semi bold;
    src: url(fonts/HMSans-SemiBold.woff2) format("woff2"),
    url(fonts/HMSans-SemiBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans bold;
    src: url(fonts/HMSans-Bold.woff2) format("woff2"),
    url(fonts/HMSans-Bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans italic;
    src: url(fonts/HMSans-Italic.woff2) format("woff2"),
    url(fonts/HMSans-Italic.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans light;
    src: url(fonts/HMSans-Light.woff2) format("woff2"),
    url(fonts/HMSans-Light.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic regular;
    src: url(fonts/HMSansArabic-Regular.woff2?jAKPu) format("woff2"),
    url(fonts/HMSansArabic-Regular.woff?jAKPu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic semi bold;
    src: url(fonts/HMSansArabic-SemiBold.woff2?jDKPu) format("woff2"),
    url(fonts/HMSansArabic-SemiBold.woff?jDKPu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic bold;
    src: url(fonts/HMSansArabic-Bold.woff2?jDKZu) format("woff2"),
    url(fonts/HMSansArabic-Bold.woff?jDKZu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic light;
    src: url(fonts/HMSansArabic-Light.woff2?jNKZu) format("woff2"),
    url(fonts/HMSansArabic-Light.woff?jNKZu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'hm serif regular';
    src: url(fonts/HMSerif-Regular.woff2) format("woff2"),
    url(fonts/HMSerif-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'hm serif italic';
    src: url(fonts/HMSerif-Italic.woff2) format("woff2"),
    url(fonts/HMSerif-Italic.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'hm serif semibold';
    src: url(fonts/HMSerif-SemiBold.woff2) format("woff2"),
    url(fonts/HMSerif-SemiBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercare;
    src: url(fonts/alshaya-bold.woff2) format("woff2"),
    url(fonts/alshaya-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercarethin;
    src: url(fonts/alshaya-thin.woff2) format("woff2"),
    url(fonts/alshaya-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-300;
    src: url(fonts/alshaya-arabic-thin.woff2) format("woff2"),
    url(fonts/alshaya-arabic-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-bold;
    src: url(fonts/alshaya-arabic-bold.woff2) format("woff2"),
    url(fonts/alshaya-arabic-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: alshaya-icons;
    src: url(fonts/alshaya-icons.eot?D7b5iT);
    src: url(fonts/alshaya-icons.eot?D7b5iT#iefix) format("embedded-opentype"),
    url(fonts/alshaya-icons.ttf?D7b5iT) format("truetype"),
    url(fonts/alshaya-icons.woff?D7b5iT) format("woff"),
    url(fonts/alshaya-icons.svg?D7b5iT#alshaya-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    }
@font-face {
    font-family: throwmyhandsupintheair;
    src: url(fonts/ThrowMyHandsUpintheAir.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: throwmyhandsupintheairbold;
    src: url(fonts/ThrowMyHandsUpintheAirBold.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercare;
    src: url(fonts/alshaya-bold.woff2) format("woff2"),
    url(fonts/alshaya-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercarethin;
    src: url(fonts/alshaya-thin.woff2) format("woff2"),
    url(fonts/alshaya-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-300;
    src: url(fonts/alshaya-arabic-thin.woff2) format("woff2"),
    url(fonts/alshaya-arabic-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-bold;
    src: url(fonts/alshaya-arabic-bold.woff2) format("woff2"),
    url(fonts/alshaya-arabic-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: alshaya-icons;
    src: url(fonts/alshaya-icons.eot?D7b5iT);
    src: url(fonts/alshaya-icons.eot?D7b5iT#iefix) format("embedded-opentype"),
    url(fonts/alshaya-icons.ttf?D7b5iT) format("truetype"),
    url(fonts/alshaya-icons.woff?D7b5iT) format("woff"),
    url(fonts/alshaya-icons.svg?D7b5iT#alshaya-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    }
@font-face {
    font-family: throwmyhandsupintheair;
    src: url(fonts/ThrowMyHandsUpintheAir.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: throwmyhandsupintheairbold;
    src: url(fonts/ThrowMyHandsUpintheAirBold.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hnm-icons;
    src: url(fonts/alshaya-icons.eot?p1AKYu);
    src: url(fonts/alshaya-icons.eot?p1AKYu#iefix) format("embedded-opentype"),
    url(fonts/alshaya-icons.ttf?p1AKYu) format("truetype"),
    url(fonts/alshaya-icons.woff?p1AKYu) format("woff"),
    url(fonts/alshaya-icons.svg?p1AKYsu#alshaya-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    }
@font-face {
    font-family: hm sans regular;
    src: url(fonts/HMSans-Regular.woff2) format("woff2"),
    url(fonts/HMSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans semi bold;
    src: url(fonts/HMSans-SemiBold.woff2) format("woff2"),
    url(fonts/HMSans-SemiBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans bold;
    src: url(fonts/HMSans-Bold.woff2) format("woff2"),
    url(fonts/HMSans-Bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans italic;
    src: url(fonts/HMSans-Italic.woff2) format("woff2"),
    url(fonts/HMSans-Italic.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans light;
    src: url(fonts/HMSans-Light.woff2) format("woff2"),
    url(fonts/HMSans-Light.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic regular;
    src: url(fonts/HMSansArabic-Regular.woff2?jAKPu) format("woff2"),
    url(fonts/HMSansArabic-Regular.woff?jAKPu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic semi bold;
    src: url(fonts/HMSansArabic-SemiBold.woff2?jDKPu) format("woff2"),
    url(fonts/HMSansArabic-SemiBold.woff?jDKPu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic bold;
    src: url(fonts/HMSansArabic-Bold.woff2?jDKZu) format("woff2"),
    url(fonts/HMSansArabic-Bold.woff?jDKZu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic light;
    src: url(fonts/HMSansArabic-Light.woff2?jNKZu) format("woff2"),
    url(fonts/HMSansArabic-Light.woff?jNKZu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'hm serif regular';
    src: url(fonts/HMSerif-Regular.woff2) format("woff2"),
    url(fonts/HMSerif-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'hm serif italic';
    src: url(fonts/HMSerif-Italic.woff2) format("woff2"),
    url(fonts/HMSerif-Italic.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'hm serif semibold';
    src: url(fonts/HMSerif-SemiBold.woff2) format("woff2"),
    url(fonts/HMSerif-SemiBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercare;
    src: url(fonts/alshaya-bold.woff2) format("woff2"),
    url(fonts/alshaya-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercarethin;
    src: url(fonts/alshaya-thin.woff2) format("woff2"),
    url(fonts/alshaya-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-300;
    src: url(fonts/alshaya-arabic-thin.woff2) format("woff2"),
    url(fonts/alshaya-arabic-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-bold;
    src: url(fonts/alshaya-arabic-bold.woff2) format("woff2"),
    url(fonts/alshaya-arabic-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: alshaya-icons;
    src: url(fonts/alshaya-icons.eot?D7b5iT);
    src: url(fonts/alshaya-icons.eot?D7b5iT#iefix) format("embedded-opentype"),
    url(fonts/alshaya-icons.ttf?D7b5iT) format("truetype"),
    url(fonts/alshaya-icons.woff?D7b5iT) format("woff"),
    url(fonts/alshaya-icons.svg?D7b5iT#alshaya-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    }
@font-face {
    font-family: throwmyhandsupintheair;
    src: url(fonts/ThrowMyHandsUpintheAir.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: throwmyhandsupintheairbold;
    src: url(fonts/ThrowMyHandsUpintheAirBold.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercare;
    src: url(fonts/alshaya-bold.woff2) format("woff2"),
    url(fonts/alshaya-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: mothercarethin;
    src: url(fonts/alshaya-thin.woff2) format("woff2"),
    url(fonts/alshaya-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-300;
    src: url(fonts/alshaya-arabic-thin.woff2) format("woff2"),
    url(fonts/alshaya-arabic-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: cairo-bold;
    src: url(fonts/alshaya-arabic-bold.woff2) format("woff2"),
    url(fonts/alshaya-arabic-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: alshaya-icons;
    src: url(fonts/alshaya-icons.eot?D7b5iT);
    src: url(fonts/alshaya-icons.eot?D7b5iT#iefix) format("embedded-opentype"),
    url(fonts/alshaya-icons.ttf?D7b5iT) format("truetype"),
    url(fonts/alshaya-icons.woff?D7b5iT) format("woff"),
    url(fonts/alshaya-icons.svg?D7b5iT#alshaya-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    }
@font-face {
    font-family: throwmyhandsupintheair;
    src: url(fonts/ThrowMyHandsUpintheAir.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: throwmyhandsupintheairbold;
    src: url(fonts/ThrowMyHandsUpintheAirBold.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hnm-icons;
    src: url(fonts/alshaya-icons.eot?p1AKYu);
    src: url(fonts/alshaya-icons.eot?p1AKYu#iefix) format("embedded-opentype"),
    url(fonts/alshaya-icons.ttf?p1AKYu) format("truetype"),
    url(fonts/alshaya-icons.woff?p1AKYu) format("woff"),
    url(fonts/alshaya-icons.svg?p1AKYsu#alshaya-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    }
@font-face {
    font-family: hm sans regular;
    src: url(fonts/HMSans-Regular.woff2) format("woff2"),
    url(fonts/HMSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans semi bold;
    src: url(fonts/HMSans-SemiBold.woff2) format("woff2"),
    url(fonts/HMSans-SemiBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans bold;
    src: url(fonts/HMSans-Bold.woff2) format("woff2"),
    url(fonts/HMSans-Bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans italic;
    src: url(fonts/HMSans-Italic.woff2) format("woff2"),
    url(fonts/HMSans-Italic.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans light;
    src: url(fonts/HMSans-Light.woff2) format("woff2"),
    url(fonts/HMSans-Light.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic regular;
    src: url(fonts/HMSansArabic-Regular.woff2?jAKPu) format("woff2"),
    url(fonts/HMSansArabic-Regular.woff?jAKPu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic semi bold;
    src: url(fonts/HMSansArabic-SemiBold.woff2?jDKPu) format("woff2"),
    url(fonts/HMSansArabic-SemiBold.woff?jDKPu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic bold;
    src: url(fonts/HMSansArabic-Bold.woff2?jDKZu) format("woff2"),
    url(fonts/HMSansArabic-Bold.woff?jDKZu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: hm sans arabic light;
    src: url(fonts/HMSansArabic-Light.woff2?jNKZu) format("woff2"),
    url(fonts/HMSansArabic-Light.woff?jNKZu) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'hm serif regular';
    src: url(fonts/HMSerif-Regular.woff2) format("woff2"),
    url(fonts/HMSerif-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'hm serif italic';
    src: url(fonts/HMSerif-Italic.woff2) format("woff2"),
    url(fonts/HMSerif-Italic.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'hm serif semibold';
    src: url(fonts/HMSerif-SemiBold.woff2) format("woff2"),
    url(fonts/HMSerif-SemiBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
.page-header .header-panel-center .logo img{
    width: 83px;
    height: 53px;
}
.cms-codazon-home-page .breadcrumbs .items,.cms-codazon-home-page .page-main:not(.page-main-full) > div,.cms-codazon-home-page .container{
    max-width: 1024px;
}
.page-wrapper>.breadcrumbs, .page-wrapper>.top-container, .page-wrapper>.widget,
body:not(.cms-index-index) .page-main{
    max-width: 1250px;
}
.breadcrumbs .items, .page-main:not(.page-main-full) > div{
    width: 100%;
}
.page-header .header-top:before{display: none;}
.sticky-menu:not(.active) .header-search input.input-text{
    border-bottom: 1px solid;
}
.page-header .header-top{
    padding-bottom:0px;
}
.page-header .panel.header{
    padding: 15px 0px;
}
.page-header .header-panel-center .logo{
    margin: 0 auto;
}
.page-header .container{
    max-width: 1284px;
}
.cdz-block-title .b-title.h2{
    border-bottom: none;
}
.post-list-style08 .post-bottom {
    position: relative;
    background: none;
}
.post-list-style08 .post-item-link {
    color: #282828;
}
.post-list-style08 .post-footer {
    display: inline-block;
}
.blog-main
{
        background-color: #f4eddd;
}
.switcher-option a img,
.page-header .switcher .switcher-trigger a img{
    width: 20px;
}
.product-item .price-box .minimal-price .price-label,
.product-item .price-box .price-label{
    display: none;
}
.product-info-main .product.attribute.material>.value {
    display: inline-block;
    vertical-align: top;
    word-break: break-all;
}
.product-info-main .product.attribute.material .type {
    margin-right: 5px;
}
.product-info-main .product-info-stock-material {
    font-size: 12px;
    width: 100%;
    display: inline-block;
}
.inner-tag{
        padding-left: 25px;
}
.store-info
{
    max-height: 570px;
    overflow-y: scroll
}
.looks-style-01{
    width: 70%;
    margin: 0 auto;
}
.post-list-style08 .post-title{
    padding-bottom:30px;
    border-bottom:none;
}
body {
    color: #282828;
    font: 400 13px/1.35 hm sans regular,hm sans arabic regular,sans-serif,arial;
    background: #fff;
}
address, p, ul, ol {
    line-height: 1.35;
    font: 400 13px/1.35 hm sans regular,hm sans arabic regular,sans-serif,arial;
}
.product-item-name .product-item-link, .product-item-link, .product.name a{
        font: 400 14px/1.35 hm sans regular,hm sans arabic regular,sans-serif,arial;
}
.product-item .price-box .price{
    font: 400 14px/1.35 hm sans regular,hm sans arabic regular,sans-serif,arial;
}
.product-list-style-09 .product-box .right-box{
    display: block;
    text-align: left;
}
.post-list-style08 .post-item-link{
    font: 400 14px/1.35 hm sans regular,hm sans arabic regular,sans-serif,arial;
}
.product-list-style-09 .product-item-top{text-align: left}
.base-slider .owl-nav [class*='owl-']{
    top: 40%;
    border-color: none;
    background: none;
    color: #000;
    border-width: 0px;
}
.base-slider .owl-nav [class*='owl-'].owl-prev{
    left: 0px;
}
.page-layout-2columns-left .page-main .page-title-wrapper{
    width: 74% !important;
    display: inline-block;
    float: right
}
.cdz-subcategories .cdz-subcat-title{
    text-align: center;
}
.page-footer .footer-box .h5{
    color: none;
}
.category-main {
    position: relative;
}
.category-main .category-item .category-item-title{
    position: absolute;
    bottom: 100px;
    font-size: 32px;
    text-align: center !important;
    margin: 0 auto;
    width: 100%;
    color: #FFF;  
}

.category-main .category-item .category-item-description{
    position: absolute;
    bottom: 50px;
    font-size: 22px;
    text-align: center !important;
    margin: 0 auto;
    width: 100%;
    color: #FFF;  
}
.cdz-subcategories .cdz-subcat-inner img{
    border-radius: 100%;
}
.category-main-category-text{
    margin-top:20px ;
} 
.page-products .columns{
    display: inline-block;
}

.breadcrumbs .item:not(:last-child):after {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '/';
    font-size: 14px;
    vertical-align: middle;
    margin: 2px 5px;
}
.multishipping-checkout-register .form-create-account, .customer-account-create .form-create-account{
    border: none;
}
.product-list-style-09 .button-top-wrap {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 50%;
    z-index: 2;
    text-align: center;
    left: 40%;
}
.breadcrumbs{
    text-align: center;
}