/*
Theme Name: ALJ
Author: ALJ
Author URI: https://alj.com/
Theme URI: https://alj.com/
Text Domain: alj
Version: 3.0
*/

/*English - Karbon*/

@font-face {
    font-family: Karbon;
    font-style: normal;
    font-weight: 100;
    src: url(./common/fonts/Karbon-Thin.eot?#iefix) format("embedded-opentype"),
      url(./common/fonts/Karbon-Thin.woff2) format("woff2"),
      url(./common/fonts/Karbon-Thin.woff) format("woff"),
      url(./common/fonts/Karbon-Thin.ttf) format("truetype"),
      url(./common/fonts/Karbon-Thin.svg#Karbon) format("svg");
  }
  @font-face {
    font-family: Karbon;
    font-style: normal;
    font-weight: 200;
    src: url(./common/fonts/Karbon-Light.eot?#iefix) format("embedded-opentype"),
      url(./common/fonts/Karbon-Light.woff2) format("woff2"),
      url(./common/fonts/Karbon-Light.woff) format("woff"),
      url(./common/fonts/Karbon-Light.ttf) format("truetype"),
      url(./common/fonts/Karbon-Light.svg#Karbon) format("svg");
  }
  @font-face {
    font-family: Karbon;
    font-style: normal;
    font-weight: 400;
    src: url(./common/fonts/Karbon-Regular.eot?#iefix) format("embedded-opentype"),
      url(./common/fonts/Karbon-Regular.woff2) format("woff2"),
      url(./common/fonts/Karbon-Regular.woff) format("woff"),
      url(./common/fonts/Karbon-Regular.ttf) format("truetype"),
      url(./common/fonts/Karbon-Regular.svg#Karbon) format("svg");
  }
  @font-face {
    font-family: Karbon;
    font-style: normal;
    font-weight: 500;
    src: url(./common/fonts/Karbon-Medium.eot?#iefix) format("embedded-opentype"),
      url(./common/fonts/Karbon-Medium.woff2) format("woff2"),
      url(./common/fonts/Karbon-Medium.woff) format("woff"),
      url(./common/fonts/Karbon-Medium.ttf) format("truetype"),
      url(./common/fonts/Karbon-Medium.svg#Karbon) format("svg");
  }
  @font-face {
    font-family: Karbon;
    font-style: normal;
    font-weight: 600;
    src: url(./common/fonts/Karbon-Semibold.eot?#iefix) format("embedded-opentype"),
      url(./common/fonts/Karbon-Semibold.woff2) format("woff2"),
      url(./common/fonts/Karbon-Semibold.woff) format("woff"),
      url(./common/fonts/Karbon-Semibold.ttf) format("truetype"),
      url(./common/fonts/Karbon-Semibold.svg#Karbon) format("svg");
  }


  /*Japanese - Axis Std*/

@font-face {
  font-family: AxisStd;
  src: url(./common/fonts/AxisStd-UltraLight.woff2) format('woff2'), 
	  url(./common/fonts/AxisStd-UltraLight.woff) format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: AxisStd;
  src: url(./common/fonts/AxisStd-ExtraLight.woff2) format('woff2'), 
	  url(./common/fonts/AxisStd-ExtraLight.woff) format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: AxisStd;
  src: url(./common/fonts/AxisStd-Light.woff2) format('woff2'), 
	  url(../fonts/AxisStd-Light.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: AxisStd;
  src: url(./common/fonts/AxisStd-Bold.woff2) format('woff2'), 
	  url(./common/fonts/AxisStd-Bold.woff) format('woff');
  font-weight: 500;
  font-style: normal;
}


/*Arabic - Luma*/

@font-face {
  font-family: Luma;
  font-style: normal;
  font-weight: 100;
  src: url(./common/fonts/Luma-Light.woff2) format("woff2"), 
	  url(./common/fonts/Luma-Light.woff) format("woff"), 
}
@font-face {
  font-family: Luma;
  font-style: normal;
  font-weight: 200;
  src: url(./common/fonts/Luma-Thin.woff2) format("woff2"), 
	  url(./common/fonts/Luma-Thin.woff) format("woff"), 
}
@font-face {
  font-family: Luma;
  font-style: normal;
  font-weight: 400;
  src: url(./common/fonts/Luma-Regular.woff2) format("woff2"), 
	  url(./common/fonts/Luma-Regular.woff) format("woff"), 
}
@font-face {
  font-family: Luma;
  font-style: normal;
  font-weight: 500;
  src: url(./common/fonts/Luma-SemiBold.woff2) format("woff2"), 
	  url(./common/fonts/Luma-SemiBold.woff) format("woff"), 
}


/*Chinese - RTS Yu Gothic*/

@font-face {
  font-family: YuGoth;
  font-style: normal;
  font-weight: 400;
  src: url(./common/fonts/YuGothR.woff2) format("woff2"), 
	  url(./common/fonts/YuGothR.woff) format("woff"), 
}
@font-face {
  font-family: YuGoth;
  font-style: normal;
  font-weight: 500;
  src: url(./common/fonts/YuGothM.woff2) format("woff2"), 
	  url(./common/fonts/YuGothM.woff) format("woff"), 
}
@font-face {
  font-family: YuGoth;
  font-style: normal;
  font-weight: 300;
  src: url(./common/fonts/YuGothL.woff2) format("woff2"), 
	  url(./common/fonts/YuGothL.woff) format("woff"), 
}
@font-face {
  font-family: YuGoth;
  font-style: normal;
  font-weight: 500;
  src: url(./common/fonts/YuGothB.woff2) format("woff2"), 
	  url(./common/fonts/YuGothB.woff) format("woff"), 
}


  body {
    font-family: Karbon ;
        
    }
    
    
    .has-teal-color>a{
      color:#51859a!important;
    text-decoration:none !important;
    }
    
    .has-charcoal-color>a{
      color:#717173!important;
    text-decoration:none !important;
    }
    
    .has-light-gray-color>a{
      color:#b2b2b2!important;
    text-decoration:none !important;
    }
    
    .has-prussian-blue-color>a {
      color:#002e5d!important;
    text-decoration:none !important;
    }
    
    .has-black-color>a {
      color:#000000!important;
    text-decoration:none !important;
    }
    
    .has-white-color>a {
      color:#ffffff!important;
    text-decoration:none !important;
    }
    
    .has-dark-teal-color>a {
      color:#28424d!important;
    text-decoration:none !important;
    }
    
    .has-indigo-color>a {
      color:#510c76!important;
    text-decoration:none !important;
    }
    
    .has-blaze-orange-color>a {
      color:#f36a03!important;
    text-decoration:none !important;
    }
    
    .has-medi-sky-blue-color>a {
      color:#59cbe8!important;
    text-decoration:none !important;
    }
    
    .has-viridian-color>a {
      color:#009999!important;
    text-decoration:none !important;
    }
    
    .has-sage-color>a {
      color:#95b5ad!important;
    text-decoration:none !important;
    }
    
    .has-sand-color>a {
      color:#b7b2ab!important;
    text-decoration:none !important;
    }
    
    .has-deep-space-color>a {
      color:#3d6474!important;
    text-decoration:none !important;
    }
    
    .has-maize-crayola-color>a {
      color:#eec643!important;
    text-decoration:none !important;
    }
    
    .has-lemon-yellow-color>a {
      color:#f8ed08!important;
    text-decoration:none !important;
    }
    
    .has-motorsport-red-color>a {
      color:#d53b41!important;
    text-decoration:none !important;
    }
    
    .has-aerospace-orange-color>a {
      color:#fe5000!important;
    text-decoration:none !important;
    }
    
    .has-lilac-color>a {
      color:#885ab8!important;
    text-decoration:none !important;
    }
    
    .has-xanthic-lime-color>a {
      color:#e0e721!important;
    text-decoration:none !important;
    }
    
    .has-dark-turquoise-color>a {
      color:#1ccfd8!important;
    text-decoration:none !important;
    }
    
    .has-cadet-grey-color>a {
      color:#8f9aa1!important;
    text-decoration:none !important;
    }
    
    .has-frv-tangerine-color>a {
      color:#ff8200!important;
    text-decoration:none !important;
    }
    
    .has-green-slate-color>a {
      color:#2c4f4b!important;
    text-decoration:none !important;
    }
    
    .has-green-blue-color>a {
      color:#3169b0!important;
    text-decoration:none !important;
    }
    
    .has-almar-sapphire-blue-color>a {
      color:#006699!important;
    text-decoration:none !important;
    }
    
    .has-almar-vivid-sky-color>a {
      color:#33ccff!important;
    text-decoration:none !important;
    }
    
    .has-medi-turquoise-blue-color>a {
      color:#2ad2c9!important;
    text-decoration:none !important;
    }
    
    .has-cardinal-color>a {
      color:#ce0037!important;
    text-decoration:none !important;
    }
    
    .has-slate-color>a {
      color:#616163!important;
    text-decoration:none !important;
    }
    
    .has-teal-sapphire-color>a {
      color:#00677f!important;
    text-decoration:none !important;
    }
    
    .has-vivid-sky-color>a {
      color:#4ec3e0!important;
    text-decoration:none !important;
    }
    
    .has-grey-light-color>a {
      color:#00677f!important;
    text-decoration:none !important;
    }
    
    .has-redsea-red-color>a {
      color:#fa4616!important;
    text-decoration:none !important;
    }
    
    .has-jme-pink-color>a {
      color:#e74a5e!important;
    text-decoration:none !important;
    }
    
    
    
    
    
    
    
    .has-teal-color>a:hover{
      color:#51859a!important;
    text-decoration:none !important;
    }
    
    .has-charcoal-color>a:hover{
      color:#717173!important;
    text-decoration:none !important;
    }
    
    .has-light-gray-color>a:hover{
      color:#b2b2b2!important;
    text-decoration:none !important;
    }
    
    .has-prussian-blue-color>a:hover {
      color:#002e5d!important;
    text-decoration:none !important;
    }
    
    .has-black-color>a:hover {
      color:#000000!important;
    text-decoration:none !important;
    }
    
    .has-white-color>a:hover {
      color:#ffffff!important;
    text-decoration:none !important;
    }
    
    .has-dark-teal-color>a:hover {
      color:#28424d!important;
    text-decoration:none !important;
    }
    
    .has-indigo-color>a:hover {
      color:#510c76!important;
    text-decoration:none !important;
    }
    
    .has-blaze-orange-color>a:hover {
      color:#f36a03!important;
    text-decoration:none !important;
    }
    
    .has-medi-sky-blue-color>a:hover {
      color:#59cbe8!important;
    text-decoration:none !important;
    }
    
    .has-viridian-color>a:hover {
      color:#009999!important;
    text-decoration:none !important;
    }
    
    .has-sage-color>a:hover {
      color:#95b5ad!important;
    text-decoration:none !important;
    }
    
    .has-sand-color>a:hover {
      color:#b7b2ab!important;
    text-decoration:none !important;
    }
    
    .has-deep-space-color>a:hover {
      color:#3d6474!important;
    text-decoration:none !important;
    }
    
    .has-maize-crayola-color>a:hover {
      color:#eec643!important;
    text-decoration:none !important;
    }
    
    .has-lemon-yellow-color>a:hover {
      color:#f8ed08!important;
    text-decoration:none !important;
    }
    
    .has-motorsport-red-color>a:hover {
      color:#d53b41!important;
    text-decoration:none !important;
    }
    
    .has-aerospace-orange-color>a:hover {
      color:#fe5000!important;
    text-decoration:none !important;
    }
    
    .has-lilac-color>a:hover {
      color:#885ab8!important;
    text-decoration:none !important;
    }
    
    .has-xanthic-lime-color>a:hover {
      color:#e0e721!important;
    text-decoration:none !important;
    }
    
    .has-dark-turquoise-color>a:hover {
      color:#1ccfd8!important;
    text-decoration:none !important;
    }
    
    .has-cadet-grey-color>a:hover {
      color:#8f9aa1!important;
    text-decoration:none !important;
    }
    
    .has-frv-tangerine-color>a:hover {
      color:#ff8200!important;
    text-decoration:none !important;
    }
    
    .has-green-slate-color>a:hover {
      color:#2c4f4b!important;
    text-decoration:none !important;
    }
    
    .has-green-blue-color>a:hover {
      color:#3169b0!important;
    text-decoration:none !important;
    }
    
    .has-almar-sapphire-blue-color>a:hover {
      color:#006699!important;
    text-decoration:none !important;
    }
    
    .has-almar-vivid-sky-color>a:hover {
      color:#33ccff!important;
    text-decoration:none !important;
    }
    
    .has-medi-turquoise-blue-color>a:hover {
      color:#2ad2c9!important;
    text-decoration:none !important;
    }
    
    .has-cardinal-color>a:hover {
      color:#ce0037!important;
    text-decoration:none !important;
    }
    
    .has-slate-color>a:hover {
      color:#616163!important;
    text-decoration:none !important;
    }
    
    .has-teal-sapphire-color>a:hover {
      color:#00677f!important;
    text-decoration:none !important;
    }
    
    .has-vivid-sky-color>a:hover {
      color:#4ec3e0!important;
    text-decoration:none !important;
    }
    
    .has-grey-light-color>a:hover {
      color:#00677f!important;
    text-decoration:none !important;
    }
    
    .has-redsea-red-color>a:hover {
      color:#fa4616!important;
    text-decoration:none !important;
    }
    
    .has-jme-pink-color>a:hover {
      color:#e74a5e!important;
    text-decoration:none !important;
    }
    
    
    
    
    
    
    .teal a, .teal a:hover{
      color:#51859a!important;
    text-decoration:none !important;
    }
    
    .charcoal a, .charcoal a:hover{
      color:#717173!important;
    text-decoration:none !important;
    }
    
    .light-gray a, .light-gray a:hover{
      color:#b2b2b2!important;
    text-decoration:none !important;
    }
    
    .prussian-blue a, .prussian-blue a:hover {
      color:#002e5d!important;
    text-decoration:none !important;
    }
    
    .black a, .black a:hover {
      color:#000000!important;
    text-decoration:none !important;
    }
    
    .white a, .white a:hover {
      color:#ffffff!important;
    text-decoration:none !important;
    }
    
    .dark-teal a, .dark-teal a:hover {
      color:#28424d!important;
    text-decoration:none !important;
    }
    
    .indigo a, .indigo a:hover {
      color:#510c76!important;
    text-decoration:none !important;
    }
    
    .blaze-orange a, .blaze-orange a:hover {
      color:#f36a03!important;
    text-decoration:none !important;
    }
    
    .medi-sky-blue a, .medi-sky-blue a:hover {
      color:#59cbe8!important;
    text-decoration:none !important;
    }
    
    .viridian a, .viridian a:hover {
      color:#009999!important;
    text-decoration:none !important;
    }
    
    .sage a, .sage a:hover {
      color:#95b5ad!important;
    text-decoration:none !important;
    }
    
    .sand a, .sand a:hover {
      color:#b7b2ab!important;
    text-decoration:none !important;
    }
    
    .deep-space a, .deep-space a:hover {
      color:#3d6474!important;
    text-decoration:none !important;
    }
    
    .maize-crayola a, .maize-crayola a:hover {
      color:#eec643!important;
    text-decoration:none !important;
    }
    
    .lemon-yellow a, .lemon-yellow a:hover {
      color:#f8ed08!important;
    text-decoration:none !important;
    }
    
    .motorsport-red a, .motorsport-red a:hover {
      color:#d53b41!important;
    text-decoration:none !important;
    }
    
    .aerospace-orange a, .aerospace-orange a:hover {
      color:#fe5000!important;
    text-decoration:none !important;
    }
    
    .lilac a, .lilac a:hover {
      color:#885ab8!important;
    text-decoration:none !important;
    }
    
    .xanthic-lime a, .xanthic-lime a:hover {
      color:#e0e721!important;
    text-decoration:none !important;
    }
    
    .dark-turquoise a, .dark-turquoise a:hover {
      color:#1ccfd8!important;
    text-decoration:none !important;
    }
    
    .cadet-grey a, .cadet-grey a:hover {
      color:#8f9aa1!important;
    text-decoration:none !important;
    }
    
    .frv-tangerine a, .frv-tangerine a:hover {
      color:#ff8200!important;
    text-decoration:none !important;
    }
    
    .green-slate a, .green-slate a:hover {
      color:#2c4f4b!important;
    text-decoration:none !important;
    }
    
    .green-blue a, .green-blue a:hover {
      color:#3169b0!important;
    text-decoration:none !important;
    }
    
    .almar-sapphire-blue a, .almar-sapphire-blue a:hover {
      color:#006699!important;
    text-decoration:none !important;
    }
    
    .almar-vivid-sky a, .almar-vivid-sky a:hover {
      color:#33ccff!important;
    text-decoration:none !important;
    }
    
    .medi-turquoise-blue a, .medi-turquoise-blue a:hover {
      color:#2ad2c9!important;
    text-decoration:none !important;
    }
    
    .cardinal a, .cardinal a:hover {
      color:#ce0037!important;
    text-decoration:none !important;
    }
    
    .slate a, .slate a:hover {
      color:#616163!important;
    text-decoration:none !important;
    }
    
    .teal-sapphire a, .teal-sapphire a:hover {
      color:#00677f!important;
    text-decoration:none !important;
    }
    
    .vivid-sky a, .vivid-sky a:hover {
      color:#4ec3e0!important;
    text-decoration:none !important;
    }
    
    .grey-light a, .grey-light a:hover {
      color:#00677f!important;
    text-decoration:none !important;
    }
    
    .redsea-red a, .redsea-red a:hover {
      color:#fa4616!important;
    text-decoration:none !important;
    }
    
    .jme-pink a, .jme-pink a:hover {
      color:#e74a5e!important;
    text-decoration:none !important;
    }