@charset "UTF-8";
/********** library **********/
/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^='fade'][data-aos^='fade'] {
  opacity: 0;
  transition-property: opacity, transform; }
  [data-aos^='fade'][data-aos^='fade'].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos='fade-up'] {
  transform: translate3d(0, 100px, 0); }

[data-aos='fade-down'] {
  transform: translate3d(0, -100px, 0); }

[data-aos='fade-right'] {
  transform: translate3d(-100px, 0, 0); }

[data-aos='fade-left'] {
  transform: translate3d(100px, 0, 0); }

[data-aos='fade-up-right'] {
  transform: translate3d(-100px, 100px, 0); }

[data-aos='fade-up-left'] {
  transform: translate3d(100px, 100px, 0); }

[data-aos='fade-down-right'] {
  transform: translate3d(-100px, -100px, 0); }

[data-aos='fade-down-left'] {
  transform: translate3d(100px, -100px, 0); }

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^='zoom'][data-aos^='zoom'] {
  opacity: 0;
  transition-property: opacity, transform; }
  [data-aos^='zoom'][data-aos^='zoom'].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1); }

[data-aos='zoom-in'] {
  transform: scale(0.6); }

[data-aos='zoom-in-up'] {
  transform: translate3d(0, 100px, 0) scale(0.6); }

[data-aos='zoom-in-down'] {
  transform: translate3d(0, -100px, 0) scale(0.6); }

[data-aos='zoom-in-right'] {
  transform: translate3d(-100px, 0, 0) scale(0.6); }

[data-aos='zoom-in-left'] {
  transform: translate3d(100px, 0, 0) scale(0.6); }

[data-aos='zoom-out'] {
  transform: scale(1.2); }

[data-aos='zoom-out-up'] {
  transform: translate3d(0, 100px, 0) scale(1.2); }

[data-aos='zoom-out-down'] {
  transform: translate3d(0, -100px, 0) scale(1.2); }

[data-aos='zoom-out-right'] {
  transform: translate3d(-100px, 0, 0) scale(1.2); }

[data-aos='zoom-out-left'] {
  transform: translate3d(100px, 0, 0) scale(1.2); }

/**
 * Slide animations
 */
[data-aos^='slide'][data-aos^='slide'] {
  transition-property: transform; }
  [data-aos^='slide'][data-aos^='slide'].aos-animate {
    transform: translate3d(0, 0, 0); }

[data-aos='slide-up'] {
  transform: translate3d(0, 100%, 0); }

[data-aos='slide-down'] {
  transform: translate3d(0, -100%, 0); }

[data-aos='slide-right'] {
  transform: translate3d(-100%, 0, 0); }

[data-aos='slide-left'] {
  transform: translate3d(100%, 0, 0); }

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^='flip'][data-aos^='flip'] {
  backface-visibility: hidden;
  transition-property: transform; }

[data-aos='flip-left'] {
  transform: perspective(2500px) rotateY(-100deg); }
  [data-aos='flip-left'].aos-animate {
    transform: perspective(2500px) rotateY(0); }

[data-aos='flip-right'] {
  transform: perspective(2500px) rotateY(100deg); }
  [data-aos='flip-right'].aos-animate {
    transform: perspective(2500px) rotateY(0); }

[data-aos='flip-up'] {
  transform: perspective(2500px) rotateX(-100deg); }
  [data-aos='flip-up'].aos-animate {
    transform: perspective(2500px) rotateX(0); }

[data-aos='flip-down'] {
  transform: perspective(2500px) rotateX(100deg); }
  [data-aos='flip-down'].aos-animate {
    transform: perspective(2500px) rotateX(0); }

body[data-aos-duration='50'] [data-aos], [data-aos][data-aos][data-aos-duration='50'] {
  transition-duration: 50ms; }
body[data-aos-delay='50'] [data-aos], [data-aos][data-aos][data-aos-delay='50'] {
  transition-delay: 0; }
  body[data-aos-delay='50'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='50'].aos-animate {
    transition-delay: 50ms; }
body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] {
  transition-duration: 100ms; }
body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] {
  transition-delay: 0; }
  body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate {
    transition-delay: 100ms; }
body[data-aos-duration='150'] [data-aos], [data-aos][data-aos][data-aos-duration='150'] {
  transition-duration: 150ms; }
body[data-aos-delay='150'] [data-aos], [data-aos][data-aos][data-aos-delay='150'] {
  transition-delay: 0; }
  body[data-aos-delay='150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='150'].aos-animate {
    transition-delay: 150ms; }
body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] {
  transition-duration: 200ms; }
body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] {
  transition-delay: 0; }
  body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate {
    transition-delay: 200ms; }
body[data-aos-duration='250'] [data-aos], [data-aos][data-aos][data-aos-duration='250'] {
  transition-duration: 250ms; }
body[data-aos-delay='250'] [data-aos], [data-aos][data-aos][data-aos-delay='250'] {
  transition-delay: 0; }
  body[data-aos-delay='250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='250'].aos-animate {
    transition-delay: 250ms; }
body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] {
  transition-duration: 300ms; }
body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] {
  transition-delay: 0; }
  body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate {
    transition-delay: 300ms; }
body[data-aos-duration='350'] [data-aos], [data-aos][data-aos][data-aos-duration='350'] {
  transition-duration: 350ms; }
body[data-aos-delay='350'] [data-aos], [data-aos][data-aos][data-aos-delay='350'] {
  transition-delay: 0; }
  body[data-aos-delay='350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='350'].aos-animate {
    transition-delay: 350ms; }
body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] {
  transition-duration: 400ms; }
body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] {
  transition-delay: 0; }
  body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate {
    transition-delay: 400ms; }
body[data-aos-duration='450'] [data-aos], [data-aos][data-aos][data-aos-duration='450'] {
  transition-duration: 450ms; }
body[data-aos-delay='450'] [data-aos], [data-aos][data-aos][data-aos-delay='450'] {
  transition-delay: 0; }
  body[data-aos-delay='450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='450'].aos-animate {
    transition-delay: 450ms; }
body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] {
  transition-duration: 500ms; }
body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] {
  transition-delay: 0; }
  body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate {
    transition-delay: 500ms; }
body[data-aos-duration='550'] [data-aos], [data-aos][data-aos][data-aos-duration='550'] {
  transition-duration: 550ms; }
body[data-aos-delay='550'] [data-aos], [data-aos][data-aos][data-aos-delay='550'] {
  transition-delay: 0; }
  body[data-aos-delay='550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='550'].aos-animate {
    transition-delay: 550ms; }
body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] {
  transition-duration: 600ms; }
body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] {
  transition-delay: 0; }
  body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate {
    transition-delay: 600ms; }
body[data-aos-duration='650'] [data-aos], [data-aos][data-aos][data-aos-duration='650'] {
  transition-duration: 650ms; }
body[data-aos-delay='650'] [data-aos], [data-aos][data-aos][data-aos-delay='650'] {
  transition-delay: 0; }
  body[data-aos-delay='650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='650'].aos-animate {
    transition-delay: 650ms; }
body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] {
  transition-duration: 700ms; }
body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] {
  transition-delay: 0; }
  body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate {
    transition-delay: 700ms; }
body[data-aos-duration='750'] [data-aos], [data-aos][data-aos][data-aos-duration='750'] {
  transition-duration: 750ms; }
body[data-aos-delay='750'] [data-aos], [data-aos][data-aos][data-aos-delay='750'] {
  transition-delay: 0; }
  body[data-aos-delay='750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='750'].aos-animate {
    transition-delay: 750ms; }
body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] {
  transition-duration: 800ms; }
body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] {
  transition-delay: 0; }
  body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate {
    transition-delay: 800ms; }
body[data-aos-duration='850'] [data-aos], [data-aos][data-aos][data-aos-duration='850'] {
  transition-duration: 850ms; }
body[data-aos-delay='850'] [data-aos], [data-aos][data-aos][data-aos-delay='850'] {
  transition-delay: 0; }
  body[data-aos-delay='850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='850'].aos-animate {
    transition-delay: 850ms; }
body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] {
  transition-duration: 900ms; }
body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] {
  transition-delay: 0; }
  body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate {
    transition-delay: 900ms; }
body[data-aos-duration='950'] [data-aos], [data-aos][data-aos][data-aos-duration='950'] {
  transition-duration: 950ms; }
body[data-aos-delay='950'] [data-aos], [data-aos][data-aos][data-aos-delay='950'] {
  transition-delay: 0; }
  body[data-aos-delay='950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='950'].aos-animate {
    transition-delay: 950ms; }
body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] {
  transition-duration: 1000ms; }
body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] {
  transition-delay: 0; }
  body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate {
    transition-delay: 1000ms; }
body[data-aos-duration='1050'] [data-aos], [data-aos][data-aos][data-aos-duration='1050'] {
  transition-duration: 1050ms; }
body[data-aos-delay='1050'] [data-aos], [data-aos][data-aos][data-aos-delay='1050'] {
  transition-delay: 0; }
  body[data-aos-delay='1050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1050'].aos-animate {
    transition-delay: 1050ms; }
body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] {
  transition-duration: 1100ms; }
body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] {
  transition-delay: 0; }
  body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate {
    transition-delay: 1100ms; }
body[data-aos-duration='1150'] [data-aos], [data-aos][data-aos][data-aos-duration='1150'] {
  transition-duration: 1150ms; }
body[data-aos-delay='1150'] [data-aos], [data-aos][data-aos][data-aos-delay='1150'] {
  transition-delay: 0; }
  body[data-aos-delay='1150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1150'].aos-animate {
    transition-delay: 1150ms; }
body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] {
  transition-duration: 1200ms; }
body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] {
  transition-delay: 0; }
  body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate {
    transition-delay: 1200ms; }
body[data-aos-duration='1250'] [data-aos], [data-aos][data-aos][data-aos-duration='1250'] {
  transition-duration: 1250ms; }
body[data-aos-delay='1250'] [data-aos], [data-aos][data-aos][data-aos-delay='1250'] {
  transition-delay: 0; }
  body[data-aos-delay='1250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1250'].aos-animate {
    transition-delay: 1250ms; }
body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] {
  transition-duration: 1300ms; }
body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] {
  transition-delay: 0; }
  body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate {
    transition-delay: 1300ms; }
body[data-aos-duration='1350'] [data-aos], [data-aos][data-aos][data-aos-duration='1350'] {
  transition-duration: 1350ms; }
body[data-aos-delay='1350'] [data-aos], [data-aos][data-aos][data-aos-delay='1350'] {
  transition-delay: 0; }
  body[data-aos-delay='1350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1350'].aos-animate {
    transition-delay: 1350ms; }
body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] {
  transition-duration: 1400ms; }
body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] {
  transition-delay: 0; }
  body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate {
    transition-delay: 1400ms; }
body[data-aos-duration='1450'] [data-aos], [data-aos][data-aos][data-aos-duration='1450'] {
  transition-duration: 1450ms; }
body[data-aos-delay='1450'] [data-aos], [data-aos][data-aos][data-aos-delay='1450'] {
  transition-delay: 0; }
  body[data-aos-delay='1450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1450'].aos-animate {
    transition-delay: 1450ms; }
body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] {
  transition-duration: 1500ms; }
body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] {
  transition-delay: 0; }
  body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate {
    transition-delay: 1500ms; }
body[data-aos-duration='1550'] [data-aos], [data-aos][data-aos][data-aos-duration='1550'] {
  transition-duration: 1550ms; }
body[data-aos-delay='1550'] [data-aos], [data-aos][data-aos][data-aos-delay='1550'] {
  transition-delay: 0; }
  body[data-aos-delay='1550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1550'].aos-animate {
    transition-delay: 1550ms; }
body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] {
  transition-duration: 1600ms; }
body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] {
  transition-delay: 0; }
  body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate {
    transition-delay: 1600ms; }
body[data-aos-duration='1650'] [data-aos], [data-aos][data-aos][data-aos-duration='1650'] {
  transition-duration: 1650ms; }
body[data-aos-delay='1650'] [data-aos], [data-aos][data-aos][data-aos-delay='1650'] {
  transition-delay: 0; }
  body[data-aos-delay='1650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1650'].aos-animate {
    transition-delay: 1650ms; }
body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] {
  transition-duration: 1700ms; }
body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] {
  transition-delay: 0; }
  body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate {
    transition-delay: 1700ms; }
body[data-aos-duration='1750'] [data-aos], [data-aos][data-aos][data-aos-duration='1750'] {
  transition-duration: 1750ms; }
body[data-aos-delay='1750'] [data-aos], [data-aos][data-aos][data-aos-delay='1750'] {
  transition-delay: 0; }
  body[data-aos-delay='1750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1750'].aos-animate {
    transition-delay: 1750ms; }
body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] {
  transition-duration: 1800ms; }
body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] {
  transition-delay: 0; }
  body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate {
    transition-delay: 1800ms; }
body[data-aos-duration='1850'] [data-aos], [data-aos][data-aos][data-aos-duration='1850'] {
  transition-duration: 1850ms; }
body[data-aos-delay='1850'] [data-aos], [data-aos][data-aos][data-aos-delay='1850'] {
  transition-delay: 0; }
  body[data-aos-delay='1850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1850'].aos-animate {
    transition-delay: 1850ms; }
body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] {
  transition-duration: 1900ms; }
body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] {
  transition-delay: 0; }
  body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate {
    transition-delay: 1900ms; }
body[data-aos-duration='1950'] [data-aos], [data-aos][data-aos][data-aos-duration='1950'] {
  transition-duration: 1950ms; }
body[data-aos-delay='1950'] [data-aos], [data-aos][data-aos][data-aos-delay='1950'] {
  transition-delay: 0; }
  body[data-aos-delay='1950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1950'].aos-animate {
    transition-delay: 1950ms; }
body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] {
  transition-duration: 2000ms; }
body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] {
  transition-delay: 0; }
  body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate {
    transition-delay: 2000ms; }
body[data-aos-duration='2050'] [data-aos], [data-aos][data-aos][data-aos-duration='2050'] {
  transition-duration: 2050ms; }
body[data-aos-delay='2050'] [data-aos], [data-aos][data-aos][data-aos-delay='2050'] {
  transition-delay: 0; }
  body[data-aos-delay='2050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2050'].aos-animate {
    transition-delay: 2050ms; }
body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] {
  transition-duration: 2100ms; }
body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] {
  transition-delay: 0; }
  body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate {
    transition-delay: 2100ms; }
body[data-aos-duration='2150'] [data-aos], [data-aos][data-aos][data-aos-duration='2150'] {
  transition-duration: 2150ms; }
body[data-aos-delay='2150'] [data-aos], [data-aos][data-aos][data-aos-delay='2150'] {
  transition-delay: 0; }
  body[data-aos-delay='2150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2150'].aos-animate {
    transition-delay: 2150ms; }
body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] {
  transition-duration: 2200ms; }
body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] {
  transition-delay: 0; }
  body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate {
    transition-delay: 2200ms; }
body[data-aos-duration='2250'] [data-aos], [data-aos][data-aos][data-aos-duration='2250'] {
  transition-duration: 2250ms; }
body[data-aos-delay='2250'] [data-aos], [data-aos][data-aos][data-aos-delay='2250'] {
  transition-delay: 0; }
  body[data-aos-delay='2250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2250'].aos-animate {
    transition-delay: 2250ms; }
body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] {
  transition-duration: 2300ms; }
body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] {
  transition-delay: 0; }
  body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate {
    transition-delay: 2300ms; }
body[data-aos-duration='2350'] [data-aos], [data-aos][data-aos][data-aos-duration='2350'] {
  transition-duration: 2350ms; }
body[data-aos-delay='2350'] [data-aos], [data-aos][data-aos][data-aos-delay='2350'] {
  transition-delay: 0; }
  body[data-aos-delay='2350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2350'].aos-animate {
    transition-delay: 2350ms; }
body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] {
  transition-duration: 2400ms; }
body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] {
  transition-delay: 0; }
  body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate {
    transition-delay: 2400ms; }
body[data-aos-duration='2450'] [data-aos], [data-aos][data-aos][data-aos-duration='2450'] {
  transition-duration: 2450ms; }
body[data-aos-delay='2450'] [data-aos], [data-aos][data-aos][data-aos-delay='2450'] {
  transition-delay: 0; }
  body[data-aos-delay='2450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2450'].aos-animate {
    transition-delay: 2450ms; }
body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] {
  transition-duration: 2500ms; }
body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] {
  transition-delay: 0; }
  body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate {
    transition-delay: 2500ms; }
body[data-aos-duration='2550'] [data-aos], [data-aos][data-aos][data-aos-duration='2550'] {
  transition-duration: 2550ms; }
body[data-aos-delay='2550'] [data-aos], [data-aos][data-aos][data-aos-delay='2550'] {
  transition-delay: 0; }
  body[data-aos-delay='2550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2550'].aos-animate {
    transition-delay: 2550ms; }
body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] {
  transition-duration: 2600ms; }
body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] {
  transition-delay: 0; }
  body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate {
    transition-delay: 2600ms; }
body[data-aos-duration='2650'] [data-aos], [data-aos][data-aos][data-aos-duration='2650'] {
  transition-duration: 2650ms; }
body[data-aos-delay='2650'] [data-aos], [data-aos][data-aos][data-aos-delay='2650'] {
  transition-delay: 0; }
  body[data-aos-delay='2650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2650'].aos-animate {
    transition-delay: 2650ms; }
body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] {
  transition-duration: 2700ms; }
body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] {
  transition-delay: 0; }
  body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate {
    transition-delay: 2700ms; }
body[data-aos-duration='2750'] [data-aos], [data-aos][data-aos][data-aos-duration='2750'] {
  transition-duration: 2750ms; }
body[data-aos-delay='2750'] [data-aos], [data-aos][data-aos][data-aos-delay='2750'] {
  transition-delay: 0; }
  body[data-aos-delay='2750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2750'].aos-animate {
    transition-delay: 2750ms; }
body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] {
  transition-duration: 2800ms; }
body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] {
  transition-delay: 0; }
  body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate {
    transition-delay: 2800ms; }
body[data-aos-duration='2850'] [data-aos], [data-aos][data-aos][data-aos-duration='2850'] {
  transition-duration: 2850ms; }
body[data-aos-delay='2850'] [data-aos], [data-aos][data-aos][data-aos-delay='2850'] {
  transition-delay: 0; }
  body[data-aos-delay='2850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2850'].aos-animate {
    transition-delay: 2850ms; }
body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] {
  transition-duration: 2900ms; }
body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] {
  transition-delay: 0; }
  body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate {
    transition-delay: 2900ms; }
body[data-aos-duration='2950'] [data-aos], [data-aos][data-aos][data-aos-duration='2950'] {
  transition-duration: 2950ms; }
body[data-aos-delay='2950'] [data-aos], [data-aos][data-aos][data-aos-delay='2950'] {
  transition-delay: 0; }
  body[data-aos-delay='2950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2950'].aos-animate {
    transition-delay: 2950ms; }
body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] {
  transition-duration: 3000ms; }
body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] {
  transition-delay: 0; }
  body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate {
    transition-delay: 3000ms; }

body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); }
body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] {
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1); }
body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1); }
body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }
body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }
body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

/********** main-style **********/
/********** main-color **********/
/********** main-font **********/
html {
  font-size: 100%; }

body {
  font-family: "db_adman_xregular";
  touch-action: manipulation;
  overflow-x: hidden; }
  body a {
    text-decoration: none !important; }

/* รวบรวม font-size ของทุกๆ กล่องเนื้อหาเอาไว้ที่ส่วนนี้ พร้อมกับตั้งชื่อให้สื่อความหมาย */
/* สร้าง function สำหรับใช้ดึงค่า font-size ตามชื่อกล่องที่ระบุ */
/* สร้าง mixin สำหรับการกำหนด font-size โดยใช้หน่วย rem */
/* example "@include font-size(getFontSize('large'));" */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #FFF;
  font-size: 10px;
  font-size: 1rem;
  opacity: 0.5; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #FFF;
  font-size: 10px;
  font-size: 1rem;
  opacity: 0.5; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #FFF;
  font-size: 10px;
  font-size: 1rem;
  opacity: 0.5; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #FFF;
  font-size: 10px;
  font-size: 1rem;
  opacity: 0.5; }

select {
  outline: none; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: ''; }

select::-ms-expand {
  display: none; }

@media only screen and (max-width: 576px) {
  .swiper-button-next {
    right: 0; } }

@media only screen and (max-width: 576px) {
  .swiper-button-prev {
    left: 0; } }

/********************************* font ******************************/
h1 {
  font-size: 25px;
  font-size: 2.5rem; }
  h1 span {
    font-size: 25px;
    font-size: 2.5rem; }

h2 {
  font-size: 18px;
  font-size: 1.8rem; }

h3 {
  font-size: 14px;
  font-size: 1.4rem; }

p {
  font-size: 11px;
  font-size: 1.1rem; }

span {
  font-size: 10px;
  font-size: 1rem; }

.font-bold {
  font-family: "db_adman_xbold"; }

figure {
  text-align: center; }

.border-e6 {
  border: solid 1px #E6E6E6; }

.border-r-e6 {
  border-right: solid 1px #E6E6E6; }

.img-el {
  width: 100%; }
  @media only screen and (max-width: 992px) {
    .img-el {
      display: none; } }

.img-lg {
  display: none;
  width: 100%; }
  @media only screen and (max-width: 992px) {
    .img-lg {
      display: block; } }
  @media only screen and (max-width: 576px) {
    .img-lg {
      display: none; } }

.img-es {
  display: none;
  width: 100%; }
  @media only screen and (max-width: 576px) {
    .img-es {
      display: block; } }

.breadcrumb {
  background-color: #FFF;
  margin-bottom: 0; }
  .breadcrumb a {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1; }
    .breadcrumb a p {
      color: #333;
      margin-bottom: 0;
      font-size: 10px;
      font-size: 1rem; }
  .breadcrumb span {
    padding: 0 5px;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1;
    font-size: 10px;
    font-size: 1rem; }
  .breadcrumb .active {
    font-weight: bold; }

.txt-title {
  text-align: center; }
  .txt-title h1 {
    font-family: "db_adman_xbold";
    color: #2A3C30; }
  .txt-title img {
    margin-bottom: 20px;
    width: 30px;
    height: 4px; }

.btn-green {
  background-color: #33533C;
  padding: 10px 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: top;
  zoom: 1;
  cursor: pointer; }
  .btn-green p {
    color: #FFFFFF;
    font-size: 10px;
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 1; }

.mx-250 {
  max-width: 250px;
  width: 100%; }

.mx-200 {
  max-width: 200px;
  width: 100%; }

.mx-100 {
  max-width: 100px; }

.mx-40 {
  max-width: 40px;
  width: 100%; }

.mx-35 {
  max-width: 35px;
  width: 100%; }

.mx-30 {
  max-width: 30px;
  width: 100%; }

.mx-20 {
  max-width: 20px;
  width: 100%; }

.mx-15 {
  max-width: 15px;
  width: 100%; }

.bg-white {
  background-color: #FFF; }

.bg-yellow {
  background-color: #ffcb05; }

.darkgreen {
  color: #2A3C30 !important; }

.yellow {
  color: #ffcb05; }

.white {
  color: #FFF; }

.mg-b-05r {
  margin-bottom: 0.5rem; }

.mg-30-0 {
  margin: 30px 0; }

.pd-l-0 {
  padding-left: 0; }

.pd-l-10 {
  padding-left: 5px; }
  @media only screen and (max-width: 767px) {
    .pd-l-10 {
      padding-left: 10px; } }
  @media only screen and (max-width: 450px) {
    .pd-l-10 {
      padding-left: 15px; } }

.pd-r-0 {
  padding-right: 0; }

.pd-10per-60 {
  padding: 10% 60px !important; }
  @media only screen and (max-width: 800px) {
    .pd-10per-60 {
      padding: 30% 15px 30px 15px !important; } }

.pd-r-15 {
  padding-right: 15px; }

.pd-15 {
  padding: 15px; }

.pd-30 {
  padding: 30px !important; }

.pd-30-0 {
  padding: 30px 0 !important; }

.pd-15-0 {
  padding: 15px 0 !important; }

.pd-0-15 {
  padding: 0 15px !important; }

.pd-60-0 {
  padding: 60px 0; }

.pd-120-0 {
  padding: 120px 0; }

.pd-30-15 {
  padding: 30px 15px; }

.pd-15-30 {
  padding: 15px 30px; }

.pd-t-15 {
  padding-top: 15px; }

.pd-t-30 {
  padding-top: 30px !important; }

.pd-b-30 {
  padding-bottom: 30px; }

.pd-b-15 {
  padding-bottom: 15px; }

.pd-r-0 {
  padding-right: 0 !important; }

.pd-l-0 {
  padding-left: 0 !important; }

.pd-0 {
  padding: 0; }

/* popup */
.modal-header {
  border-bottom: 0; }
  .modal-header .close {
    opacity: 1; }
    .modal-header .close img {
      width: 20px; }

.modal-body {
  padding: 0 30px 30px 30px;
  text-align: center; }
  @media only screen and (max-width: 576px) {
    .modal-body {
      padding: 0 15px 30px 15px; } }
  .modal-body h3 {
    font-weight: bold;
    color: #2A3C30; }
  .modal-body input, .modal-body select, .modal-body textarea {
    border-radius: 30px;
    padding: 4px 15px;
    font-size: 10px;
    font-size: 1rem;
    height: auto; }
  .modal-body option {
    font-size: 10px;
    font-size: 1rem; }
  .modal-body textarea {
    border-radius: 20px; }
  .modal-body .ico-after {
    position: absolute;
    top: 7px;
    right: 30px; }

.border-line-green {
  width: 100%;
  height: 2px;
  display: inline-block;
  background-color: rgba(51, 83, 60, 0.4); }

/********** include-style **********/
header {
  background-color: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  z-index: 99; }
  header .menu-desktop {
    text-align: center; }
    @media only screen and (max-width: 1199px) {
      header .menu-desktop {
        display: none; } }
    header .menu-desktop .menu-item-list {
      display: -moz-inline-stack;
      display: inline-block;
      *display: inline;
      vertical-align: top;
      zoom: 1;
      vertical-align: middle;
      padding: 0 30px;
      height: 100%; }
      header .menu-desktop .menu-item-list a {
        color: #33533C;
        font-size: 11px;
        font-size: 1.1rem;
        padding-bottom: 26px;
        border-bottom: 3px solid transparent;
        transition: 0.4s; }
        header .menu-desktop .menu-item-list a:hover {
          border-bottom: 3px solid #2A3C30; }
      header .menu-desktop .menu-item-list .border-none {
        border: none; }
        header .menu-desktop .menu-item-list .border-none .vl-middle {
          vertical-align: middle; }
        header .menu-desktop .menu-item-list .border-none:hover {
          border: none; }
    header .menu-desktop .transparent-select {
      background-color: transparent;
      background-image: url("../images/ico/arrow-down.png");
      background-repeat: no-repeat;
      background-position: 80%;
      border: 1px solid #33533C;
      color: #33533C;
      padding: 2px 20px 0 10px;
      width: 60px;
      border-radius: 15px;
      outline: none;
      display: -moz-inline-stack;
      display: inline-block;
      *display: inline;
      vertical-align: top;
      zoom: 1;
      background-size: 11px; }
      header .menu-desktop .transparent-select option {
        color: #000; }
  header .menu-mobile {
    display: none;
    position: relative;
    padding: 4px 15px; }
    @media only screen and (max-width: 1199px) {
      header .menu-mobile {
        display: block; } }
    header .menu-mobile .menu-wrapper {
      position: absolute;
      top: 50%;
      right: 15px;
      transform: translateY(-50%); }
      header .menu-mobile .menu-wrapper > a {
        margin: 5px 15px; }
      header .menu-mobile .menu-wrapper .component-inline {
        display: -moz-inline-stack;
        display: inline-block;
        *display: inline;
        vertical-align: top;
        zoom: 1; }
        header .menu-mobile .menu-wrapper .component-inline img {
          width: 100%; }
      header .menu-mobile .menu-wrapper .tab-main-menu {
        margin-top: 5px;
        width: 40px;
        cursor: pointer; }

.menu-mobile-wrapper {
  background-color: #33533C;
  position: fixed;
  right: -300px;
  top: 0;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: top;
  zoom: 1;
  padding: 30px;
  width: 100%;
  max-width: 250px;
  height: 100%;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  z-index: 999; }
  .menu-mobile-wrapper .close-tab-menu {
    text-align: right; }
    .menu-mobile-wrapper .close-tab-menu img {
      width: 20px;
      cursor: pointer; }
  .menu-mobile-wrapper .menu-list-wrapper {
    padding: 30px 0;
    border-bottom: 1.5px solid #FFF; }
    .menu-mobile-wrapper .menu-list-wrapper .menu-list-mobile a {
      margin: 0.25rem 0;
      color: #FFF;
      display: -moz-inline-stack;
      display: inline-block;
      *display: inline;
      vertical-align: top;
      zoom: 1; }
      .menu-mobile-wrapper .menu-list-wrapper .menu-list-mobile a p {
        margin-bottom: 0; }
  .menu-mobile-wrapper .menu-search {
    padding: 30px 0; }
    .menu-mobile-wrapper .menu-search .transparent-select {
      background-color: transparent;
      background-image: url("../images/ico/arrow-down-white.png");
      background-repeat: no-repeat;
      background-position: 80%;
      border: 1px solid #FFF;
      color: #FFF;
      padding: 2px 20px 0 10px;
      width: 60px;
      border-radius: 15px;
      outline: none;
      display: -moz-inline-stack;
      display: inline-block;
      *display: inline;
      vertical-align: top;
      zoom: 1; }
      .menu-mobile-wrapper .menu-search .transparent-select option {
        color: #000; }

footer {
  margin: 0;
  background-color: #33533C;
  position: relative; }
  footer .border-bot-gray {
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.5); }
  footer .item-list-footer {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1; }
    footer .item-list-footer a {
      color: #FFF;
      font-family: "db_adman_xultralight";
      padding: 5px 30px;
      display: -moz-inline-stack;
      display: inline-block;
      *display: inline;
      vertical-align: top;
      zoom: 1; }
    footer .item-list-footer p {
      margin-bottom: 0;
      font-size: 10px;
      font-size: 1rem; }
  footer .input-inline-btn {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 40px;
    outline: 0;
    width: 200px;
    padding: 7px 15px 3px 15px;
    font-size: 10px;
    font-size: 1rem;
    color: #FFF; }
  footer .btn-inline {
    background-color: #FFF;
    color: #33533C;
    border-radius: 0 40px 40px 0;
    padding: 0 20px;
    height: 36px;
    outline: none;
    border: 0;
    margin-left: -20px;
    font-size: 10px;
    font-size: 1rem;
    vertical-align: top; }
  footer .ico-list {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1;
    padding: 0 10px; }
    footer .ico-list img {
      max-width: 28px;
      max-height: 28px; }
  footer .content-editor {
    letter-spacing: 0.5px; }
  footer .bottom-footer {
    background-color: #2A3C30;
    padding: 10px 0;
    text-align: center; }
    footer .bottom-footer p {
      margin-bottom: 0;
      font-size: 10px;
      font-size: 1rem;
      color: #FFF;
      text-transform: uppercase;
      font-family: "db_adman_xultralight"; }
  footer .ico-message-ab {
    position: absolute;
    top: -75px;
    right: 15px;
    z-index: 99;
    cursor: pointer; }
    footer .ico-message-ab img {
      width: 50px; }

.banner figure {
  margin: 0;
  position: relative; }
  .banner figure .txt-overlay-banner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.mg-t-79 {
  margin-top: 79px; }

.process-braning {
  padding: 30px 0; }
  .process-braning .creating-brand-desktop {
    display: block; }
    @media only screen and (max-width: 1199px) {
      .process-braning .creating-brand-desktop {
        display: none; } }
  .process-braning .creating-brand-mobile {
    display: none; }
    @media only screen and (max-width: 1199px) {
      .process-braning .creating-brand-mobile {
        display: block; } }
    .process-braning .creating-brand-mobile .swiper-ico-pagination {
      bottom: -8px; }
    .process-braning .creating-brand-mobile .swiper-slide {
      padding: 30px 0; }
  .process-braning .circle-relative {
    text-align: center;
    position: relative;
    width: 120px;
    height: 120px;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    background-color: #FFF;
    z-index: 2; }
    .process-braning .circle-relative .bg-green {
      position: relative;
      top: 0px;
      left: -40px;
      border-radius: 50%;
      color: #FFF;
      width: 25px;
      height: 25px;
      background-color: #33533C;
      display: -moz-inline-stack;
      display: inline-block;
      *display: inline;
      vertical-align: top;
      zoom: 1;
      z-index: 2; }
    .process-braning .circle-relative .ico {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 120px;
      height: 120px;
      z-index: 1;
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -ms-transition: 0.4s;
      transition: 0.4s;
      opacity: 1; }
    .process-braning .circle-relative .ico-hover {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 120px;
      height: 120px;
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -ms-transition: 0.4s;
      transition: 0.4s;
      opacity: 0; }
    .process-braning .circle-relative:hover .ico {
      opacity: 0; }
    .process-braning .circle-relative:hover .ico-hover {
      opacity: 1; }
  .process-braning .position-ab {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1; }
    @media only screen and (max-width: 1199px) {
      .process-braning .position-ab {
        display: none; } }
  .process-braning p {
    line-height: 1;
    padding-top: 15px; }

.product {
  padding: 30px 0; }
  .product .product-type {
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1; }
    .product .product-type .nav-item {
      margin: 5px auto;
      display: -moz-inline-stack;
      display: inline-block;
      *display: inline;
      vertical-align: top;
      zoom: 1; }
    .product .product-type .btn-items {
      margin: 0 15px;
      padding: 7px 15px;
      text-align: center;
      border-radius: 50px;
      border: 1px solid transparent;
      display: -moz-inline-stack;
      display: inline-block;
      *display: inline;
      vertical-align: top;
      zoom: 1;
      color: #58595C;
      background-color: transparent;
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -ms-transition: 0.4s;
      transition: 0.4s;
      text-transform: uppercase;
      cursor: pointer; }
      .product .product-type .btn-items p {
        margin-bottom: 0;
        line-height: 1; }
      .product .product-type .btn-items:hover {
        color: #2A3C30;
        border: 1px solid #2A3C30;
        font-weight: bold; }
    .product .product-type .active {
      color: #2A3C30;
      border: 1px solid #2A3C30;
      font-weight: bold;
      background-color: transparent; }
  @media only screen and (max-width: 767px) {
    .product .menu-tab-desktop {
      display: none; } }
  .product .menu-tab-mobile {
    display: none; }
    @media only screen and (max-width: 767px) {
      .product .menu-tab-mobile {
        display: block; } }
    .product .menu-tab-mobile select {
      color: #2A3C30;
      border: 1px solid #2A3C30;
      font-weight: bold;
      padding: 10px 15px;
      text-align: center;
      border-radius: 50px;
      background-color: transparent;
      background-image: url("../images/ico/arrow-down.png");
      background-repeat: no-repeat;
      background-position: 95% 50%;
      width: 100%;
      background-size: 15px;
      text-transform: uppercase;
      line-height: 1.2;
      text-align: center;
      text-align-last: center; }
  .product .product-item {
    padding: 30px 0;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1;
    width: 100%;
    cursor: pointer; }
    .product .product-item figure img {
      width: 100%;
      max-width: 180px;
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -ms-transition: 0.4s;
      transition: 0.4s; }
    .product .product-item .product-txt {
      text-align: center; }
      .product .product-item .product-txt h3 {
        text-transform: uppercase;
        font-weight: bold;
        line-height: 1;
        color: #2A3C30; }
      .product .product-item .product-txt p {
        color: #58595C;
        line-height: 1; }
    .product .product-item:hover img {
      transform: scale(1.05); }

.service {
  padding: 60px 0;
  background-color: #f8f9fa;
  position: relative; }
  .service .bg-border-green {
    border: 2px solid #2A3C30;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 15px;
    width: 80%;
    height: 100%;
    z-index: 0; }
  .service figure {
    margin: 0;
    padding: 15px;
    position: relative;
    z-index: 3; }
    .service figure img {
      width: 100%; }
  .service .content-wrapper {
    text-align: left; }
    .service .content-wrapper .txt-title {
      text-align: left; }
    @media only screen and (max-width: 575px) {
      .service .content-wrapper {
        text-align: center; }
        .service .content-wrapper .txt-title {
          text-align: center; } }

.about {
  padding: 60px 0; }
  .about .txt-content-editor article {
    font-size: 11px;
    font-size: 1.1rem; }
  .about .bg-border-green {
    border: 2px solid #2A3C30;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 15px;
    width: 80%;
    height: 100%;
    z-index: 0; }
  .about figure {
    margin: 0;
    padding: 15px;
    position: relative;
    z-index: 3; }
    .about figure img {
      width: 100%; }
  .about .content-editor {
    position: relative;
    line-height: 1.2; }
    .about .content-editor .ab-top {
      position: absolute;
      top: -10px;
      left: -5px;
      color: #33533C;
      opacity: 0.5;
      font-size: 6rem;
      line-height: 1;
      font-weight: bold; }
    .about .content-editor .ab-bot {
      position: absolute;
      bottom: -10px;
      right: -5px;
      left: auto;
      color: #33533C;
      opacity: 0.5;
      font-size: 6rem;
      line-height: 1;
      font-weight: bold;
      transform: rotate(180deg); }
  .about .service-items {
    padding: 15px; }
    .about .service-items h3 {
      font-weight: bold;
      color: #2A3C30; }
    .about .service-items p {
      line-height: 1;
      margin-bottom: 0; }
    .about .service-items ul li {
      font-size: 1.1rem; }
  .about .container-about .txt-title p {
    font-size: 1.4rem; }

.product-detail {
  margin: 30px auto;
  position: relative; }
  .product-detail .img-pd-detail figure {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    margin: 0 auto;
    text-align: center; }
    .product-detail .img-pd-detail figure .img-product {
      width: 100%;
      max-width: 100%; }
    .product-detail .img-pd-detail figure:hover {
      transform: scale(1.05); }
  .product-detail .title-pd {
    padding: 15px 0; }
    .product-detail .title-pd p {
      margin-bottom: 0.5rem;
      line-height: 1; }
    .product-detail .title-pd h1 {
      font-family: "db_adman_xbold";
      color: #2A3C30;
      line-height: 1; }
    .product-detail .title-pd h2 {
      color: #58595C;
      line-height: 1; }
  .product-detail .detail-pd {
    padding: 15px 0; }
    .product-detail .detail-pd article {
      font-size: 14px;
      font-size: 1.4rem; }
  .product-detail .btn-green {
    margin-top: 30px; }

.contact {
  padding: 30px 0; }
  .contact .contact-detail {
    padding: 5px 15px; }
    .contact .contact-detail img {
      width: 20px;
      vertical-align: inherit; }
    .contact .contact-detail span {
      line-height: 1;
      display: inline-block;
      font-size: 11px;
      font-size: 1.1rem;
      color: #58595C; }

.search {
  padding: 60px 0; }
  .search .input-inline-btn {
    background-color: #e9ecef;
    border: 1px solid #fff;
    border-radius: 40px;
    outline: 0;
    width: 80%;
    padding: 7px 15px;
    font-size: 11px;
    font-size: 1.1rem;
    color: #33533c; }
  .search .btn-inline {
    background-color: #33533c;
    color: #FFF;
    border-radius: 0 40px 40px 0;
    padding: 0px 20px;
    height: 42px;
    outline: none;
    border: 0;
    margin-left: -5%;
    font-size: 11px;
    font-size: 1.1rem;
    vertical-align: top; }
  .search .ico-list {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1;
    padding: 0 10px; }
  .search ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #333;
    font-size: 10px;
    font-size: 1rem;
    opacity: 0.5; }
  .search ::-moz-placeholder {
    /* Firefox 19+ */
    color: #333;
    font-size: 10px;
    font-size: 1rem;
    opacity: 0.5; }
  .search :-ms-input-placeholder {
    /* IE 10+ */
    color: #333;
    font-size: 10px;
    font-size: 1rem;
    opacity: 0.5; }
  .search :-moz-placeholder {
    /* Firefox 18- */
    color: #333;
    font-size: 10px;
    font-size: 1rem;
    opacity: 0.5; }

/*# sourceMappingURL=main.css.map */