/*********************************************** GOOGLE TAG MANAGER*******************************************************************/

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5QPRVCD"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->


/**************************************************************** FONTS **********************************************************************************/

/**
 * @license
 *
 * Font Family: Erode
 * Designed by: Nikhil Ranganathan
 * URL: https://www.fontshare.com/fonts/erode
 * © 2022 Indian Type Foundry
 *
 * Font Styles:
 * Erode Variable(Variable font)
 * Erode Variable Italic(Variable font)
 * Erode Light
 * Erode Light Italic
 * Erode Regular
 * Erode Italic
 * Erode Medium
 * Erode Medium Italic
 * Erode Semibold
 * Erode Semibold Italic
 * Erode Bold
 * Erode Bold Italic
 *
*/


/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 300.0;
*
* available axes:

* 'wght' (range from 300.0 to 700.0)

*/

@font-face {
  font-family: 'ErodeVariable';
  src: url('/files/fonts/ErodeVariable.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/ErodeVariable.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/ErodeVariable.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 300 700;
       font-display: swap;
       font-style: normal;
}


/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 300.0;
*
* available axes:

* 'wght' (range from 300.0 to 700.0)

*/

@font-face {
  font-family: 'ErodeVariableItalic';
  src: url('/files/fonts/ErodeVariableItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/ErodeVariableItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/ErodeVariableItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 300 700;
       font-display: swap;
       font-style: italic;
}


@font-face {
  font-family: 'ErodeLight';
  src: url('/files/fonts/ErodeLight.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/ErodeLight.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/ErodeLight.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 300;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'ErodeLightItalic';
  src: url('/files/fonts/ErodeLightItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/ErodeLightItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/ErodeLightItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 300;
       font-display: swap;
       font-style: italic;
}


@font-face {
  font-family: 'ErodeRegular';
  src: url('/files/fonts/ErodeRegular.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/ErodeRegular.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/ErodeRegular.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'ErodeItalic';
  src: url('/files/fonts/ErodeItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/ErodeItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/ErodeItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: italic;
}


@font-face {
  font-family: 'ErodeMedium';
  src: url('/files/fonts/ErodeMedium.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/ErodeMedium.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/ErodeMedium.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 500;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'ErodeMediumItalic';
  src: url('/files/fonts/ErodeMediumItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/ErodeMediumItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/ErodeMediumItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 500;
       font-display: swap;
       font-style: italic;
}


@font-face {
  font-family: 'ErodeSemibold';
  src: url('/files/fonts/ErodeSemibold.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/ErodeSemibold.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/ErodeSemibold.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 600;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'ErodeSemiboldItalic';
  src: url('/files/fonts/ErodeSemiboldItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/ErodeSemiboldItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/ErodeSemiboldItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 600;
       font-display: swap;
       font-style: italic;
}


@font-face {
  font-family: 'ErodeBold';
  src: url('/files/fonts/ErodeBold.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/ErodeBold.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/ErodeBold.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'ErodeBoldItalic';
  src: url('/files/fonts/ErodeBoldItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/ErodeBoldItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/ErodeBoldItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: italic;
}

/**
 * @license
 *
 * Font Family: Pally
 * Designed by: Indian Type Foundry
 * URL: https://www.fontshare.com/fonts/pally
 * © 2022 Indian Type Foundry
 *
 * Font Styles:
 * Pally Variable(Variable font)
 * Pally Regular
 * Pally Medium
 * Pally Bold
 *
*/


/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 700.0;
*
* available axes:

* 'wght' (range from 400.0 to 700.0)

*/

@font-face {
  font-family: 'PallyVariable';
  src: url('/files/fonts/PallyVariable.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/PallyVariable.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/PallyVariable.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400 700;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'PallyRegular';
  src: url('/files/fonts/PallyRegular.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/PallyRegular.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/PallyRegular.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'PallyMedium';
  src: url('/files/fonts/PallyMedium.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/PallyMedium.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/PallyMedium.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 500;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'PallyBold';
  src: url('/files/fonts/PallyBold.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/PallyBold.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/PallyBold.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}

/**
 * @license
 *
 * Font Family: Tanker
 * Designed by: Ruosi Huang
 * URL: https://www.fontshare.com/fonts/tanker
 * © 2022 Indian Type Foundry
 *
 * Font Style:
 * Tanker Regular
 *
*/


@font-face {
  font-family: 'TankerRegular';
  src: url('/files/fonts/TankerRegular.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/TankerRegular.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/TankerRegular.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}
/**
 * @license
 *
 * Font Family: Black Han Sans
 * Designed by: Zess Type
 * URL: https://fonts.google.com/specimen/Black+Han+Sans
 * Google Fonts
 *
 * Font Style:
 * Black Han Sans
 *
*/

@font-face {
  font-family: 'BlackHanSansRegular';
  src: url('/files/fonts/BlackHanSansRegular.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BlackHanSansRegular.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BlackHanSansRegular.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}
/**
 * @license
 *
 * Font Family: Barlow
 * Designed by: Jeremy Tribby
 * URL: https://fonts.google.com/specimen/Barlow
 * Google Fonts
 *
 * Font Style:
 * Barlow
 *
*/
@font-face {
  font-family: 'BarlowBlack';
  src: url('/files/fonts/BarlowBlack.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowBlack.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowBlack.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 900;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'BarlowBlackItalic';
  src: url('/files/fonts/BarlowBlackItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowBlackItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowBlackItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 900;
       font-display: swap;
       font-style: italic;
}

@font-face {
  font-family: 'BarlowBold';
  src: url('/files/fonts/BarlowBold.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowBold.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowBold.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'BarlowBoldItalic';
  src: url('/files/fonts/BarlowBoldItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowBoldItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowBoldItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: italic;
}

@font-face {
  font-family: 'BarlowExtraBold';
  src: url('/files/fonts/BarlowExtraBold.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowExtraBold.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowExtraBold.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 800;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'BarlowExtraBoldItalic';
  src: url('/files/fonts/BarlowExtraBoldItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowExtraBoldItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowExtraBoldItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 800;
       font-display: swap;
       font-style: italic;
}

@font-face {
  font-family: 'BarlowExtraLight';
  src: url('/files/fonts/BarlowExtraLight.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowExtraLight.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowExtraLight.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 200;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'BarlowExtraLightItalic';
  src: url('/files/fonts/BarlowExtraLightItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowExtraLightItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowExtraLightItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 200;
       font-display: swap;
       font-style: italic;
}

@font-face {
  font-family: 'BarlowRegular';
  src: url('/files/fonts/BarlowRegular.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowRegular.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowRegular.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'BarlowItalic';
  src: url('/files/fonts/BarlowItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: italic;
}

@font-face {
  font-family: 'BarlowLight';
  src: url('/files/fonts/BarlowLight.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowLight.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowLight.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 300;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'BarlowLightItalic';
  src: url('/files/fonts/BarlowLightItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowLightItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowLightItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 300;
       font-display: swap;
       font-style: italic;
}

@font-face {
  font-family: 'BarlowMedium';
  src: url('/files/fonts/BarlowMedium.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowMedium.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowMedium.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 500;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'BarlowMediumItalic';
  src: url('/files/fonts/BarlowMediumItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowMediumItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowMediumItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 500;
       font-display: swap;
       font-style: italic;
}

@font-face {
  font-family: 'BarlowSemiBold';
  src: url('/files/fonts/BarlowSemiBold.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowSemiBold.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowSemiBold.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 600;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'BarlowSemiBoldItalic';
  src: url('/files/fonts/BarlowSemiBoldItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowSemiBoldItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowSemiBoldItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 600;
       font-display: swap;
       font-style: italic;
}

@font-face {
  font-family: 'BarlowThin';
  src: url('/files/fonts/BarlowThin.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowThin.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowThin.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 100;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'BarlowThinItalic';
  src: url('/files/fonts/BarlowThinItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/BarlowThinItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/BarlowThinItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 100;
       font-display: swap;
       font-style: italic;
}

/**
 * @license
 *
 * Font Family: Komika
 * Designed by: Apostrophic Labs
 * URL: https://www.fontsquirrel.com/fonts/Komika-Hand
 * 
 *
 * Font Style:
 * Komika
 *
*/
@font-face {
  font-family: 'KomikaHand';
  src: url('/files/fonts/KomikaHand.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/KomikaHand.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/KomikaHand.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'KomikaHandBold';
  src: url('/files/fonts/KomikaHandBold.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/KomikaHandBold.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/KomikaHandBold.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'KomikaHandBoldItalic';
  src: url('/files/fonts/KomikaHandBoldItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/KomikaHandBoldItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/KomikaHandBoldItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: italic;
}

@font-face {
  font-family: 'KomikaHandItalic';
  src: url('/files/fonts/KomikaHandItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/KomikaHandItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/KomikaHandItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: italic;
}

@font-face {
  font-family: 'KomikaJam';
  src: url('/files/fonts/KomikaJam.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/KomikaJam.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/KomikaJam.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'KomikaJamItalic';
  src: url('/files/fonts/KomikaJamItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/KomikaJamItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/KomikaJamItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: italic;
}

@font-face {
  font-family: 'KomikaSlick';
  src: url('/files/fonts/KomikaSlick.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/KomikaSlick.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/KomikaSlick.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'KomikaSlickItalic';
  src: url('/files/fonts/KomikaSlickItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/KomikaSlickItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/KomikaSlickItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: italic;
}

@font-face {
  font-family: 'KomikaSlim';
  src: url('/files/fonts/KomikaSlim.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/KomikaSlim.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/KomikaSlim.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'KomikaSlimItalic';
  src: url('/files/fonts/KomikaSlimItalic.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/KomikaSlimItalic.woff?storefront_domain=www.xotoxo.com') format('woff'),
       url('/files/fonts/KomikaSlimItalic.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: italic;
}

/**
 * @license
 *
 * Font Family: Chilanka
 * Designed by: Swathanthra Malayalam Computing (SMC)
 * URL: https://smc.org.in/fonts/chilanka
 * URL2: https://fonts.google.com/specimen/Chilanka
 * 
 *
 * Font Style:
 * Chilanka
 *
*/

@font-face {
  font-family: 'ChilankaRegular';
  src: url('/files/fonts/ChilankaRegular.woff2?storefront_domain=www.xotoxo.com') format('woff2'),
       url('/files/fonts/ChilankaRegular.ttf?storefront_domain=www.xotoxo.com') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}


/******************************************************************* HYPERLINKS - GLOBAL**************************************************************/
/**
a:link{
    background: #001D3D; 
    color: #FFFFFF; 
    text-decoration: none;
}
a:hover, a:active, a:focus {
    background: #003566; 
    color: #FFD60A; 
    text-decoration: underline; 
}
a:visited {
    background: #001D3D; 
    color: #FFFFFF; 
    text-decoration: underline dotted white;
}
*/
a:hover, a:active, a:focus {
    text-decoration: underline; 
}

/*******************************************************************HYPERLINKS - FOOTER (ANY DARK BACKGROUND)******************************************/
.zpdark-section a:link {
    background: #001D3D; 
    color: #FFFFFF; 
    text-decoration: none;    
}
.zpdark-section a:hover, a:active, a:focus {
    color: #FFD60A; 
    text-decoration: underline;    
}
.zpdark-section a:visited {
    background: #001D3D; 
    color: #FFFFFF; 
    text-decoration: underline dotted white;    
}

/*********************************************************** COLLECTIONS (ALL PRODUCTS) ********************************************/

.theme-product-list-style-08 .theme-product-name a {
    color: #000000;
    font-family:'ErodeVariable'; 
    font-weight: bold; 
    display: block;
    font-size: 18px;
}

/* Alternate product name colour
.theme-product-list-style-08 .theme-product-name a {
    color: #7B1A30;
    font-family:'ErodeVariable'; 
    font-weight: bold; 
    display: block;
    font-size: 18px;
}
*/
.theme-product-list-style-08 .theme-product-details-area {
    background: #FFFFFF;
    background-image: url("/files/images/Collections_Background.jpg");
    border: #FFFFFF;
}

/* Alternate background
.theme-product-list-style-08 .theme-product-details-area {
    background: #FFFFFF;
    background-image: url("/white_parchment.jpg");
    border: #FFFFFF;
}
*/
.theme-product-list-style-08 .theme-product-name-rating-price {
    background-color:#FFFFFF;
    background-image: url("/files/images/Collections_Background.jpg");
    padding:10px
}
/* Alternate background
.theme-product-list-style-08 .theme-product-name-rating-price {
    background-color:#FFFFFF;
    background-image: url("/white_parchment.jpg");
    padding:10px
}
*/
/* .theme-product-list-style-08 .theme-cart-qty-inc-dec {
	position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:2;
    border: none; 
    background:#001D3D; 
    color: #FF0000;
    }
*/
.theme-product-list-quantity-field {
    width:50px;
    height:100%;
    color: #000814;
    border:1px solid #001D3D;
    border-block-start:0 none;
    border-block-end:0 none;
    border-radius:0px;
    text-align:center;
    padding-block-start:0px;
    padding-block-end:0px;
    padding-inline-start:2px;
    padding-inline-end:2px
}

.theme-product-list-style-08 .theme-product-list-quantity-decrease, .theme-product-list-style-08 .theme-product-list-quantity-increase {
    width: 30px;
    background: #FFD60A;
    font: icon;
    /*color: #001D3D;*/
    height: 100%;
    position: relative;
    text-align: center;
}

/* 
.theme-product-list-style-08 .theme-product-list-quantity-decrease, .theme-product-list-style-08 .theme-product-list-quantity-increase {
    width: 30px;
    background: #FFD60A;
    height: 100%;
    position: relative;
    text-align: center;
}
*/
.theme-product-list-style-08 .theme-product-price {
    color: #000814;
    font-size: 18px;
}
.zpcarousel-container.zpcarousel-style-05 .zpcarousel-arrows-container.zpcarousel-arrow-type-03 svg {
    fill: #FFD60A;
}

.zpfilmstrip-title-container .zpfilmstrip-title {
    font-family:'ErodeVariable';
    font-size: 36px; 
    font-weight: 600; 
}

.theme-product-list-style-08 .theme-product-quick-view-button {
    position: absolute;
    z-index: 10;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0%);
    background-color: #FFFFFF;  
}

/******************************************************* DEDICATED PRODUCT PAGES - STYLE 07 ***************************************************************/

.theme-product-details-style-07 .theme-product-detail-container .theme-product-detail-varients-container .theme-short-desc-row {
    margin-block-end: 30px;
    line-height: 1.6;
    color: #000814; 
}

.theme-product-details-tabs-and-content-container .theme-product-specification-tabs-content-area .theme-product-specification-tab-content {
    display: none;
    background: #FFFFFF;
    color: #000814; 
    line-height: 1.7;
}

.theme-product-details-style-07 .theme-product-detail-container .theme-product-detail-varients-container .theme-product-detail-price-area span.theme-product-price {
    font-size: 22px;
    color: #000814; 
    font-weight: normal;
}
.theme-product-details-style-07 .theme-product-detail-container .theme-product-detail-varients-container .theme-product-name h1 {
    line-height: 1.4;
    word-wrap: break-word;
    word-break: break-word;
    font-weight: 600; 
    font-size: 24px;
}

.zpheading-align-left {
    text-align: start;
    font-weight: 600; 
}

/******************************************************* QUICK VIEW CONTAINER - STYLE 07 ***************************************************************/

.theme-product-details-style-07 .theme-quick-view-container .theme-product-quick-view-inner {
    background-color:#FFFFFF;
    background-image: url("/white_parchment.jpg");
}

.theme-product-details-style-07 .theme-quick-view-container .theme-product-quick-view-inner .theme-product-detail-container .theme-product-detail-image-container {
    background-color:#FFFFFF;
    background-image: url("/white_parchment.jpg");
}

.theme-product-details-style-07 .theme-quick-view-container .theme-product-quick-view-inner .theme-product-detail-container {
    background-color:#FFFFFF;
    background-image: url("/white_parchment.jpg");
}
.theme-product-details-style-07 .theme-product-detail-container .theme-product-detail-varients-container .theme-product-varients-row .theme-product-varient-quantity .theme-product-quantity-spinner {
    border-radius: 0;
}

.theme-product-details-style-07 .theme-product-detail-container .theme-product-detail-varients-container .theme-product-varients-row .theme-product-varient-quantity .theme-product-quantity-spinner input[type="button"] {
    border-radius: 0; 
    background: #FFD60A;
}


.theme-product-details-style-07 .theme-product-detail-container .theme-product-detail-varients-container .theme-product-varients-row .theme-product-varient-quantity .theme-product-quantity-spinner input[type="text"] {
    background: rgb(255, 255, 255);
}

.theme-product-details-style-07 .theme-product-detail-container .theme-product-detail-varients-container .theme-product-varients-row .theme-product-varient-quantity .theme-cart-button { 
 	border-radius: 0;    
}

.theme-product-details-style-07 .theme-quick-view-container .theme-product-quick-view-inner .theme-product-detail-container .theme-product-detail-varients-container .theme-product-details-page-link a {
    color: #001D3D;
}

/******************************************************* DEDICATED PRODUCT PAGES - STYLE 07 ***************************************************************/

.theme-product-details-style-05 .theme-product-details-area-container .theme-product-details-column .theme-product-name-and-availability .theme-product-name-area h1 {
    font-weight: 600; 
}

.theme-product-details-style-05 .theme-product-details-area-container .theme-product-details-column .theme-short-desc-row {
    color: #000814; 
}
/******************************************************* QUICK VIEW CONTAINER - STYLE 06 ***************************************************************/
.theme-product-details-style-06 .theme-quick-view-container .theme-quick-view-inner-container {
    background:#FFFFFF;
    /*background-image: url("/white_parchment.jpg");*/
}

.theme-product-details-style-06 .theme-quick-view-container .theme-quick-view-inner-container .theme-quickview-close {
    background:#001D3D;
}
.theme-product-details-style-06 .theme-quick-view-container .theme-quick-view-inner-container .theme-quickview-close svg {
    fill: #FFD60A;
}

/******************************************************* DEDICATED PRODUCT PAGES - STYLE 06 ***************************************************************/

.theme-product-details-style-06 .theme-product-details-area-container .theme-product-name-area h1 {
    font-family: 'Erodebold';
    color: #7B1A30;
}

.theme-product-details-style-06 .theme-product-details-area-container .theme-product-details-and-image-container .theme-short-desc-row {
     color: #000814; 
}

.theme-product-details-style-06 .theme-product-details-area-container .theme-product-details-and-image-container .theme-product-varient-container .theme-product-price-and-review-area .theme-product-price-area .theme-product-total-old-price, .theme-product-details-style-06 .theme-product-details-area-container .theme-product-details-and-image-container .theme-product-varient-container .theme-product-price-and-review-area .theme-product-price-area .theme-product-total-price-lable {
    color: #000814; 
}

.theme-product-details-tabs-and-content-container .theme-product-specification-tabs-area .theme-product-specification-tab {
    color: darkgray;
}
.theme-product-details-tabs-and-content-container .theme-product-specification-tabs-area .theme-product-specification-tab.theme-prod-detail-tab-active {
    color: #000814;
}

/********************************** PRIVACY / SHIPPING / OTHER POLICY PAGES with LIGHT BACKGROUND *********************************************************/
.zplight-section-bg {
    background-color: #FFFFFF;
    color: #000814;
    text-align: left; 
}

.zplight-section-bg a {
    color: #2D6EB4;
    text-align: left; 
}
/**
.zpbutton.zpbutton-type-secondary, button.zpbutton-type-secondary, input[type=submit].zpbutton-type-secondary, input[type=button].zpbutton-type-secondary {
    background: #001D3D;
    color: #FFD60A;
    border-color: transparent;
}
.zpbutton.zpbutton-type-secondary, button.zpbutton-type-secondary:hover, input[type=submit].zpbutton-type-secondary, input[type=button].zpbutton-type-secondary {
    background: #003566;
    color: #FFD60A;
    border-color: transparent;
}
*/

/********************************************************* COOKIE MESSAGE BANNER ********************************************************************/
.zpcookie-banner-bottom, .zpcookie-banner-top {
    font-family:'ErodeMedium'; 
}

/****************************************************** STORE - ADDED TO CART SUCCESS FAILURE ****************************************************/
/**
.theme-cart-success-message-links, .theme-cart-failure-message-links {
    background: #FFFFFF;
}
*/

.theme-cart-success-message-links .theme-cart-success-close.zpbutton.zpbutton-type-primary.zpbutton-outline, button.zpbutton-type-primary.zpbutton-outline, input[type=submit].zpbutton-type-primary.zpbutton-outline, input[type=button].zpbutton-type-primary.zpbutton-outline {
    background: #001D3D;
    color: #FFD60A;
    border-color: #001D3D;
}

/**
.theme-cart-success-message-links .theme-cart-success-close.zpbutton.zpbutton-type-primary.zpbutton-outline, button.zpbutton-type-primary.zpbutton-outline:hover, input[type=submit].zpbutton-type-primary.zpbutton-outline, input[type=button].zpbutton-type-primary.zpbutton-outline {
    background: #003566;
    color: #FFD60A;
    border-color: #003566;
}
*/

.theme-cart-add-success-message, .theme-cart-add-failure-message, .theme-cart-update-failure-message, .theme-cart-update-success-message, .theme-cart-delete-failure-message, .theme-cart-delete-success-message {
    background: #FFFFFF;
    color: #000814; 
}

/****************************************************** SHOPPING CART - BEFORE CHECKOUT **************************************************************/
.theme-shopping-cart-table-container {
    color: #000814;
}

.theme-shopping-cart-table-container .theme-cart-table-row .theme-cart-table-data.theme-cart-items {
    font-weight: bold; 
}

.theme-shopping-cart-table-container .theme-cart-table-row .theme-cart-table-data.theme-cart-qty {
    font-weight: bold; 
}

.theme-shopping-cart-table-container .theme-cart-table-row .theme-cart-table-data.theme-cart-price-label {
        font-weight: bold; 
}

.theme-cart-summary-details {
    color: #000814;
}

.theme-shopping-cart-table-container .theme-cart-table-row .theme-cart-table-data.theme-cart-qty .theme-quantity-field-button .theme-cart-qty-inc-dec {
    /**background: #FFD60A; */
    color: #000814;
}

.theme-cart-item-remove .theme-cart-remove-button, .theme-cart-item-remove .theme-cart-remove-icon-button {
    background: #001D3D; 
    color: #FFD60A;
    border-color: transparent; 
    font-family: 'TankerRegular';
}

.theme-cart-summary-details p em {
    font-weight: 700;
}

.theme-shopping-cart-table-container .theme-cart-table-row .theme-cart-table-data.theme-cart-qty .theme-quantity-field-button .theme-cart-qty-inc-dec {
    background: transparent;
}

.theme-cart-item-remove .theme-cart-remove-button, .theme-cart-item-remove .theme-cart-remove-icon-button  {
    background: transparent;
    border-color: #FFD60A;
}

.theme-checkout-button-area .theme-cart-table-data .theme-continue-shopping-button {
    border-color: #FFD60A;
}


/***************************************************************** CHOICE OF CHECKOUT PAGE (GUEST or SIGN-IN?) *******************************/

.theme-checkout-breadcrum li a {
    text-decoration: none;
    font-family: "TankerRegular";
}

.theme-checkout-signin-wrap {
    font-family: "TankerRegular";
}
.theme-checkout-signin-wrap p {
    font-family: "ErodeMedium";
}

.zpbutton.zpbutton-type-primary.zpbutton-outline, button.zpbutton-type-primary.zpbutton-outline, input[type=submit].zpbutton-type-primary.zpbutton-outline, input[type=button].zpbutton-type-primary.zpbutton-outline {
    background: #001D3D;
    color: #FFD60A;
    border-color: #001D3D;

}
.zpbutton.zpbutton-type-primary, button.zpbutton-type-primary, input[type=submit].zpbutton-type-primary, input[type=button].zpbutton-type-primary {
    font-family: 'TankerRegular',sans-serif;
}

/******************************************************************* SHIPPING ADDRESS INFORMATION PAGE ************************************************/
.theme-checkout-wrap {
     font-family: "ErodeMedium"; 
}
.theme-checkout-body .theme-checkout-details-title {
    font-family: "ErodeMedium"; 
}

.theme-checkout-body .theme-form-row .theme-form-col label {
        font-family: "ErodeMedium"; 
}

select.theme-checkout-input {
     font-family: "ErodeMedium"; 
}

.theme-checkout-body .theme-cart-details-inner .theme-cart-details-summary-wrap .theme-cart-details-summary-title {
         font-family: "ErodeMedium"; 
}

.theme-checkout-wrap .theme-checkout-text-semibold {
        font-family: "ErodeMedium"; 
}

.theme-checkout-body .theme-cart-details-inner .theme-cart-details-coupon-wrap .theme-checkout-input {
          font-family: "ErodeMedium"; 
}
/*
.zpbutton.zpbutton-type-primary, button.zpbutton-type-primary, input[type=submit].zpbutton-type-primary, input[type=button].zpbutton-type-primary {
    font-family: 'TankerRegular',sans-serif;
}
*/
/******************************************************************* PAYMENT SUCCESS MESSAGE ************************************************/
.theme-payment-content-area .zpcontainer .theme-payment-success-message h3 {
    font-size: 20px; 
    color: #FFD60A; 
    padding: 10px;
    margin: 5px;
}
.theme-payment-content-area .zpcontainer .theme-payment-info .theme-payment-info-list {
    color:#000814;
}
.theme-payment-content-area .zpcontainer .theme-payment-thank-message {
    color: #000814;
}
/******************************************************************* USER ACCOUNT DROPDOWN MENU ************************************************/

.zpdark-header-portion.theme-header-topbar .theme-portal-login .theme-portal-container .theme-portal-content a {
    color: #FFFFFF; 
    font-family: 'TankerRegular',sans-serif;
}
.zpdark-header-portion.theme-header-topbar .theme-portal-login .theme-portal-container .theme-portal-content a:hover {
    color: #FFD60A;
    background:#003566;
    font-family: 'TankerRegular',sans-serif;
    align-items: center;
    position: relative;
    border-radius: 4px; 
   	padding-left: 8px;
    padding-right: 8px; 
}

.theme-header-topbar .theme-portal-login .theme-portal-container .theme-portal-content.theme-portal-username-content .theme-username-dropdown-list li {
    background: #003566;
}
.theme-header-topbar .theme-portal-login .theme-portal-container .theme-portal-content.theme-portal-username-content .theme-username-dropdown-list li a {
    color: #FFFFFF;
    font-family: 'TankerRegular',sans-serif;
}
.theme-header-topbar .theme-portal-login .theme-portal-container .theme-portal-content.theme-portal-username-content .theme-username-dropdown-list li a:hover {
    color: #FFD60A;
    background:#003566;
    font-family: 'TankerRegular',sans-serif;
}

/******************************************************************* MY ORDERS SECTION **********************************************************/
.zpmyorder-header-section {
    background: #001D3D;
}
.zpmo-brand-header-container a {
    color: #FFFFFF;
    font-family: 'TankerRegular',sans-serif;
}

.zpmo-brand-header-container a:hover {
    color: #FFD60A;
}

.zpmo-brand-header-container .zpmo-portal-username {
    font-family: 'TankerRegular',sans-serif;
}

.zpmyorder-section .zpmo-navbar-container .zpmo-navbar .zpmo-navtab a {
    font-family: 'TankerRegular',sans-serif;
    color: #001D3D;
 }
.zpmyorder-section .zpmo-navbar-container .zpmo-navbar .zpmo-navtab a:hover {
    font-family: 'TankerRegular',sans-serif;
    color: #FFD60A;
 }


.zpmyorder-section .zpmo-navbar-container .zpmo-navbar .zpmo-navtab-active {
    border-block-end: 2px solid #FFD60A;
}

.zpmo-tabs {
    color: #000814;
    font-family: 'ErodeMedium'; 
}

.zpmo-tabs .zpmo-tab-active {
    border-block-end: 3px solid #FFD60A;
}

.zpmo-order-list-table .zpmo-order-list-table-header, .zpmo-order-list-table .zpmo-order-list-table-content {
    color: #000814;
    font-family: 'ErodeMedium';
}

.zpmo-label-pending {
    color: #FFD60A;
    font-family: 'ErodeMedium';
}

/******************************************************************* ORDER DETAILS **********************************************************/

.zpmyorder-section .zpmo-order-view-container {
    color: #000814;
    font-family: 'ErodeMedium';
}

.zpmo-order-info-box {
    color: #000814;
    font-family: 'ErodeMedium';
}

.zpmo-shipping-info-box {
    color: #000814;
    font-family: 'ErodeMedium';
}

/*
.zpmo-order-info-box .zpmo-order-shipping-container .zpmo-order-shipping-header, .zpmo-shipping-info-box .zpmo-order-shipping-container .zpmo-order-shipping-header {
      	color: #000814;
    	font-family: 'ErodeMedium';
}

.zpmo-order-info-box .zpmo-order-shipping-container, .zpmo-shipping-info-box .zpmo-order-shipping-container {
    color: #000814;
    font-family: 'ErodeMedium';
}

.zpmo-order-info-box .zpmo-order-shipping-footer, .zpmo-shipping-info-box .zpmo-order-shipping-footer {
    color: #000814;
    font-family: 'ErodeMedium';
}
*/

/******************************************************************* YOUR ADDRESSES **********************************************************/

.zpmo-address-book-container {
    color: #000814;
    font-family: 'ErodeMedium';
}

/******************************************************************* ACCOUNT DASHBOARD **********************************************************/

.zpmo-dashboard-container {
 	color: #000814;
    font-family: 'ErodeMedium';
}

/******************************************************************* OUT OF STOCK BUTTONS **********************************************************/

.theme-product-list-style-08 .theme-out-of-stock-button {
    color: #D50000;
    background: #ffffff;
    border: 1px solid #FFD60A; 
    font-family: 'Erodebold';
    padding-inline-start: 5px;
    padding-inline-end: 5px;
    border-radius: 50px;
    width: 50%;
}

.theme-product-details-style-06 .theme-product-details-area-container .theme-product-details-and-image-container .theme-product-image-container .theme-product-availabilty .theme-prod-stock-details.theme-out-of-stock {
    background: #FFFFFF;
    color: #D50000;
    font-family: 'Erodebold';
    border: 1px solid #FFD60A;
}
.theme-product-list-style-08 .theme-ribbon-stock {
    background: #FFFFFF;
    color: #D50000;
    font-family: 'Erodebold';
    border: 1px solid #FFD60A;
}
/******************************************************************* CART ICON COUNT ON HOME PAGE**********************************************************/

.theme-navigation-and-icons .theme-search-and-mini-cart-group .theme-mini-cart .theme-minicart-icon .theme-mini-cart-count {
	color: #003566;
    background: #FFD60A;
}