/*----------------------------------
----------- All Variable -----------
    By : Chatchai Tutiyanond
----------------------------------*/
/*--- Path of Image ---*/
/*--- Font ---*/
/*--- Breakpoints Media Query ---*/
/*--- Element ---*/
/*--- Header ---*/
/*--- Main ---*/
/*--- Footer ---*/
/*--- Nav ---*/
/*--- Project ---*/
/*--- Article ---*/
/*--- People Quote ---*/
/*--- News List ---*/
/*--- Share ---*/
/*--- Supporter List ---*/
/*--- Button ---*/
/*--- Progress bar ---*/
/*--- Fund Raising ---*/
/*--- Project Header ---*/
/*--- Breadcrumb ---*/
/*--- Error ---*/
/*--- Form Login ---*/
/*--- Tooltip ---*/
/*--- Users Header ---*/
/*--- Data Block ---*/
/*--- Donation ---*/
/*--- Message ---*/
/*--- Category Filter ---*/
/*--- Category Filter ---*/
/*--- Category Filter ---*/
/*--------------------------
Old Theme v1.0
--------------------------*/
br.show375px {
  display: none;
}
@media (max-width: 376px) {
  br.show375px {
    display: block;
  }
}

/*----------------------------------
Taejai v2.0
----------------------------------*/
/*--------------------------
Mixin Fontface
--------------------------*/
/*
     @include multiLineEllipsis($lineHeight: 1.2em, $lineCount: 3, $bgColor: white);
*/
/* mixin for multiline */
/*----------------------------------
Taejai v2.0
By : Chatchai Tutiyanond
----------------------------------*/
/*--- Font ---*/
.font-normal {
  font-family: "Thonburi", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 100;
}

.athiti-reg {
  font-family: "athitiregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 100;
}

.athiti-med {
  font-family: "athitimedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 100;
}

.kanit-bold {
  font-family: "kanitbold", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 100;
}

.kanit-reg {
  font-family: "kanitregular", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 100;
}

.kanit-light {
  font-family: "kanitlight", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 100;
}

.kanit-med {
  font-family: "kanitmedium", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 100;
}

.kanit-extralight {
  font-family: "kanitextralight", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 100;
}

.kanit-thin {
  font-family: "kanitthin", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 100;
}

.rsu {
  font-family: "rsuregular", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.rsu-light {
  font-family: "rsulight", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 300;
}

.rsu-bold {
  font-family: "rsubold", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: bold;
}

/*--- Font Size ---*/
._fs-12 {
  font-size: 12px;
}

._fs-13 {
  font-size: 13px;
}

._fs-14 {
  font-size: 14px;
}

._fs-15 {
  font-size: 15px;
}

._fs-16 {
  font-size: 16px;
}

._fs-17 {
  font-size: 17px;
}

._fs-18 {
  font-size: 18px;
}

._fs-19 {
  font-size: 19px;
}

._fs-20 {
  font-size: 20px;
}

._fs-21 {
  font-size: 21px;
}

._fs-22 {
  font-size: 22px;
}

._fs-23 {
  font-size: 23px;
}

._fs-24 {
  font-size: 24px;
}

._fs-25 {
  font-size: 25px;
}

._fs-26 {
  font-size: 26px;
}

._fs-27 {
  font-size: 27px;
}

._fs-28 {
  font-size: 28px;
}

._fs-29 {
  font-size: 29px;
}

._fs-30 {
  font-size: 30px;
}

._fs-31 {
  font-size: 31px;
}

._fs-32 {
  font-size: 32px;
}

._fs-33 {
  font-size: 33px;
}

._fs-34 {
  font-size: 34px;
}

._fs-35 {
  font-size: 35px;
}

._fs-36 {
  font-size: 36px;
}

._fs-37 {
  font-size: 37px;
}

._fs-38 {
  font-size: 38px;
}

._fs-39 {
  font-size: 39px;
}

._fs-40 {
  font-size: 40px;
}

._fs-41 {
  font-size: 41px;
}

._fs-42 {
  font-size: 42px;
}

._fs-43 {
  font-size: 43px;
}

._fs-44 {
  font-size: 44px;
}

._fs-45 {
  font-size: 45px;
}

._fs-46 {
  font-size: 46px;
}

._fs-47 {
  font-size: 47px;
}

._fs-48 {
  font-size: 48px;
}

._fs-49 {
  font-size: 49px;
}

._fs-50 {
  font-size: 50px;
}

._fs-51 {
  font-size: 51px;
}

._fs-52 {
  font-size: 52px;
}

._fs-53 {
  font-size: 53px;
}

._fs-54 {
  font-size: 54px;
}

._fs-55 {
  font-size: 55px;
}

._fs-56 {
  font-size: 56px;
}

._fs-57 {
  font-size: 57px;
}

._fs-58 {
  font-size: 58px;
}

._fs-59 {
  font-size: 59px;
}

._fs-60 {
  font-size: 60px;
}

._fs-61 {
  font-size: 61px;
}

._fs-62 {
  font-size: 62px;
}

._fs-63 {
  font-size: 63px;
}

._fs-64 {
  font-size: 64px;
}

._fs-65 {
  font-size: 65px;
}

._fs-66 {
  font-size: 66px;
}

._fs-67 {
  font-size: 67px;
}

._fs-68 {
  font-size: 68px;
}

._fs-69 {
  font-size: 69px;
}

._fs-70 {
  font-size: 70px;
}

._fs-71 {
  font-size: 71px;
}

._fs-72 {
  font-size: 72px;
}

._fs-73 {
  font-size: 73px;
}

._fs-74 {
  font-size: 74px;
}

._fs-75 {
  font-size: 75px;
}

._fs-76 {
  font-size: 76px;
}

._fs-77 {
  font-size: 77px;
}

._fs-78 {
  font-size: 78px;
}

._fs-79 {
  font-size: 79px;
}

._fs-80 {
  font-size: 80px;
}

._fs-81 {
  font-size: 81px;
}

._fs-82 {
  font-size: 82px;
}

._fs-83 {
  font-size: 83px;
}

._fs-84 {
  font-size: 84px;
}

._fs-85 {
  font-size: 85px;
}

._fs-86 {
  font-size: 86px;
}

._fs-87 {
  font-size: 87px;
}

._fs-88 {
  font-size: 88px;
}

._fs-89 {
  font-size: 89px;
}

._fs-90 {
  font-size: 90px;
}

@media (max-width: 320px) {
  ._fs-xs-12 {
    font-size: 12px;
  }
  ._fs-xs-13 {
    font-size: 13px;
  }
  ._fs-xs-14 {
    font-size: 14px;
  }
  ._fs-xs-15 {
    font-size: 15px;
  }
  ._fs-xs-16 {
    font-size: 16px;
  }
  ._fs-xs-17 {
    font-size: 17px;
  }
  ._fs-xs-18 {
    font-size: 18px;
  }
  ._fs-xs-19 {
    font-size: 19px;
  }
  ._fs-xs-20 {
    font-size: 20px;
  }
  ._fs-xs-21 {
    font-size: 21px;
  }
  ._fs-xs-22 {
    font-size: 22px;
  }
  ._fs-xs-23 {
    font-size: 23px;
  }
  ._fs-xs-24 {
    font-size: 24px;
  }
  ._fs-xs-25 {
    font-size: 25px;
  }
  ._fs-xs-26 {
    font-size: 26px;
  }
  ._fs-xs-27 {
    font-size: 27px;
  }
  ._fs-xs-28 {
    font-size: 28px;
  }
  ._fs-xs-29 {
    font-size: 29px;
  }
  ._fs-xs-30 {
    font-size: 30px;
  }
  ._fs-xs-31 {
    font-size: 31px;
  }
  ._fs-xs-32 {
    font-size: 32px;
  }
  ._fs-xs-33 {
    font-size: 33px;
  }
  ._fs-xs-34 {
    font-size: 34px;
  }
  ._fs-xs-35 {
    font-size: 35px;
  }
  ._fs-xs-36 {
    font-size: 36px;
  }
  ._fs-xs-37 {
    font-size: 37px;
  }
  ._fs-xs-38 {
    font-size: 38px;
  }
  ._fs-xs-39 {
    font-size: 39px;
  }
  ._fs-xs-40 {
    font-size: 40px;
  }
  ._fs-xs-41 {
    font-size: 41px;
  }
  ._fs-xs-42 {
    font-size: 42px;
  }
  ._fs-xs-43 {
    font-size: 43px;
  }
  ._fs-xs-44 {
    font-size: 44px;
  }
  ._fs-xs-45 {
    font-size: 45px;
  }
  ._fs-xs-46 {
    font-size: 46px;
  }
  ._fs-xs-47 {
    font-size: 47px;
  }
  ._fs-xs-48 {
    font-size: 48px;
  }
  ._fs-xs-49 {
    font-size: 49px;
  }
  ._fs-xs-50 {
    font-size: 50px;
  }
}
@media (min-width: 768px) {
  ._fs-md-12 {
    font-size: 12px;
  }
  ._fs-md-13 {
    font-size: 13px;
  }
  ._fs-md-14 {
    font-size: 14px;
  }
  ._fs-md-15 {
    font-size: 15px;
  }
  ._fs-md-16 {
    font-size: 16px;
  }
  ._fs-md-17 {
    font-size: 17px;
  }
  ._fs-md-18 {
    font-size: 18px;
  }
  ._fs-md-19 {
    font-size: 19px;
  }
  ._fs-md-20 {
    font-size: 20px;
  }
  ._fs-md-21 {
    font-size: 21px;
  }
  ._fs-md-22 {
    font-size: 22px;
  }
  ._fs-md-23 {
    font-size: 23px;
  }
  ._fs-md-24 {
    font-size: 24px;
  }
  ._fs-md-25 {
    font-size: 25px;
  }
  ._fs-md-26 {
    font-size: 26px;
  }
  ._fs-md-27 {
    font-size: 27px;
  }
  ._fs-md-28 {
    font-size: 28px;
  }
  ._fs-md-29 {
    font-size: 29px;
  }
  ._fs-md-30 {
    font-size: 30px;
  }
  ._fs-md-31 {
    font-size: 31px;
  }
  ._fs-md-32 {
    font-size: 32px;
  }
  ._fs-md-33 {
    font-size: 33px;
  }
  ._fs-md-34 {
    font-size: 34px;
  }
  ._fs-md-35 {
    font-size: 35px;
  }
  ._fs-md-36 {
    font-size: 36px;
  }
  ._fs-md-37 {
    font-size: 37px;
  }
  ._fs-md-38 {
    font-size: 38px;
  }
  ._fs-md-39 {
    font-size: 39px;
  }
  ._fs-md-40 {
    font-size: 40px;
  }
  ._fs-md-41 {
    font-size: 41px;
  }
  ._fs-md-42 {
    font-size: 42px;
  }
  ._fs-md-43 {
    font-size: 43px;
  }
  ._fs-md-44 {
    font-size: 44px;
  }
  ._fs-md-45 {
    font-size: 45px;
  }
  ._fs-md-46 {
    font-size: 46px;
  }
  ._fs-md-47 {
    font-size: 47px;
  }
  ._fs-md-48 {
    font-size: 48px;
  }
  ._fs-md-49 {
    font-size: 49px;
  }
  ._fs-md-50 {
    font-size: 50px;
  }
  ._fs-md-51 {
    font-size: 51px;
  }
  ._fs-md-52 {
    font-size: 52px;
  }
  ._fs-md-53 {
    font-size: 53px;
  }
  ._fs-md-54 {
    font-size: 54px;
  }
  ._fs-md-55 {
    font-size: 55px;
  }
  ._fs-md-56 {
    font-size: 56px;
  }
  ._fs-md-57 {
    font-size: 57px;
  }
  ._fs-md-58 {
    font-size: 58px;
  }
  ._fs-md-59 {
    font-size: 59px;
  }
  ._fs-md-60 {
    font-size: 60px;
  }
}
@media (min-width: 1024px) {
  ._fs-lg-14 {
    font-size: 14px;
  }
  ._fs-lg-15 {
    font-size: 15px;
  }
  ._fs-lg-16 {
    font-size: 16px;
  }
  ._fs-lg-17 {
    font-size: 17px;
  }
  ._fs-lg-18 {
    font-size: 18px;
  }
  ._fs-lg-19 {
    font-size: 19px;
  }
  ._fs-lg-20 {
    font-size: 20px;
  }
  ._fs-lg-21 {
    font-size: 21px;
  }
  ._fs-lg-22 {
    font-size: 22px;
  }
  ._fs-lg-23 {
    font-size: 23px;
  }
  ._fs-lg-24 {
    font-size: 24px;
  }
  ._fs-lg-25 {
    font-size: 25px;
  }
  ._fs-lg-26 {
    font-size: 26px;
  }
  ._fs-lg-27 {
    font-size: 27px;
  }
  ._fs-lg-28 {
    font-size: 28px;
  }
  ._fs-lg-29 {
    font-size: 29px;
  }
  ._fs-lg-30 {
    font-size: 30px;
  }
  ._fs-lg-31 {
    font-size: 31px;
  }
  ._fs-lg-32 {
    font-size: 32px;
  }
  ._fs-lg-33 {
    font-size: 33px;
  }
  ._fs-lg-34 {
    font-size: 34px;
  }
  ._fs-lg-35 {
    font-size: 35px;
  }
  ._fs-lg-36 {
    font-size: 36px;
  }
  ._fs-lg-37 {
    font-size: 37px;
  }
  ._fs-lg-38 {
    font-size: 38px;
  }
  ._fs-lg-39 {
    font-size: 39px;
  }
  ._fs-lg-40 {
    font-size: 40px;
  }
  ._fs-lg-41 {
    font-size: 41px;
  }
  ._fs-lg-42 {
    font-size: 42px;
  }
  ._fs-lg-43 {
    font-size: 43px;
  }
  ._fs-lg-44 {
    font-size: 44px;
  }
  ._fs-lg-45 {
    font-size: 45px;
  }
  ._fs-lg-46 {
    font-size: 46px;
  }
  ._fs-lg-47 {
    font-size: 47px;
  }
  ._fs-lg-48 {
    font-size: 48px;
  }
  ._fs-lg-49 {
    font-size: 49px;
  }
  ._fs-lg-50 {
    font-size: 50px;
  }
  ._fs-lg-51 {
    font-size: 51px;
  }
  ._fs-lg-52 {
    font-size: 52px;
  }
  ._fs-lg-53 {
    font-size: 53px;
  }
  ._fs-lg-54 {
    font-size: 54px;
  }
  ._fs-lg-55 {
    font-size: 55px;
  }
  ._fs-lg-56 {
    font-size: 56px;
  }
  ._fs-lg-57 {
    font-size: 57px;
  }
  ._fs-lg-58 {
    font-size: 58px;
  }
  ._fs-lg-59 {
    font-size: 59px;
  }
  ._fs-lg-60 {
    font-size: 60px;
  }
  ._fs-lg-61 {
    font-size: 61px;
  }
  ._fs-lg-62 {
    font-size: 62px;
  }
  ._fs-lg-63 {
    font-size: 63px;
  }
  ._fs-lg-64 {
    font-size: 64px;
  }
  ._fs-lg-65 {
    font-size: 65px;
  }
  ._fs-lg-66 {
    font-size: 66px;
  }
  ._fs-lg-67 {
    font-size: 67px;
  }
  ._fs-lg-68 {
    font-size: 68px;
  }
  ._fs-lg-69 {
    font-size: 69px;
  }
  ._fs-lg-70 {
    font-size: 70px;
  }
  ._fs-lg-71 {
    font-size: 71px;
  }
  ._fs-lg-72 {
    font-size: 72px;
  }
  ._fs-lg-73 {
    font-size: 73px;
  }
  ._fs-lg-74 {
    font-size: 74px;
  }
  ._fs-lg-75 {
    font-size: 75px;
  }
  ._fs-lg-76 {
    font-size: 76px;
  }
  ._fs-lg-77 {
    font-size: 77px;
  }
  ._fs-lg-78 {
    font-size: 78px;
  }
  ._fs-lg-79 {
    font-size: 79px;
  }
  ._fs-lg-80 {
    font-size: 80px;
  }
  ._fs-lg-81 {
    font-size: 81px;
  }
  ._fs-lg-82 {
    font-size: 82px;
  }
  ._fs-lg-83 {
    font-size: 83px;
  }
  ._fs-lg-84 {
    font-size: 84px;
  }
  ._fs-lg-85 {
    font-size: 85px;
  }
  ._fs-lg-86 {
    font-size: 86px;
  }
  ._fs-lg-87 {
    font-size: 87px;
  }
  ._fs-lg-88 {
    font-size: 88px;
  }
  ._fs-lg-89 {
    font-size: 89px;
  }
  ._fs-lg-90 {
    font-size: 90px;
  }
  ._fs-lg-91 {
    font-size: 91px;
  }
  ._fs-lg-92 {
    font-size: 92px;
  }
  ._fs-lg-93 {
    font-size: 93px;
  }
  ._fs-lg-94 {
    font-size: 94px;
  }
  ._fs-lg-95 {
    font-size: 95px;
  }
  ._fs-lg-96 {
    font-size: 96px;
  }
  ._fs-lg-97 {
    font-size: 97px;
  }
  ._fs-lg-98 {
    font-size: 98px;
  }
  ._fs-lg-99 {
    font-size: 99px;
  }
  ._fs-lg-100 {
    font-size: 100px;
  }
}
/*--- Line Height ---*/
._lh1 {
  line-height: 1em;
}

._lh1-1 {
  line-height: 1.1em;
}

._lh1-2 {
  line-height: 1.2em;
}

._lh1-3 {
  line-height: 1.3em;
}

._lh1-4 {
  line-height: 1.4em;
}

._lh1-5 {
  line-height: 1.5em;
}

._lh1-7 {
  line-height: 1.7em;
}

._lh2 {
  line-height: 2em;
}

/* -----------------------------------------------
Margin, Padding Classes
------------------------------------------------- */
._ma-0 {
  margin: 0;
}

._ma-auto {
  margin: 0 auto;
}

._ml-auto {
  margin-left: auto;
}

._pa-0 {
  padding: 0;
}

._mb-0 {
  margin-bottom: 0;
}

._mt-0 {
  margin-top: 0;
}

._mr-0 {
  margin-right: 0;
}

._pb-0 {
  padding-bottom: 0;
}

._pt-0 {
  padding-top: 0;
}

._pr-0 {
  padding-right: 0;
}

._ma-5 {
  margin: 5px;
}

._mt-5 {
  margin-top: 5px;
}

._mr-5 {
  margin-right: 5px;
}

._mb-5 {
  margin-bottom: 5px;
}

._ml-5 {
  margin-left: 5px;
}

._pa-5 {
  padding: 5px;
}

._pt-5 {
  padding-top: 5px;
}

._pr-5 {
  padding-right: 5px;
}

._pb-5 {
  padding-bottom: 5px;
}

._pl-5 {
  padding-left: 5px;
}

._ma-10 {
  margin: 10px;
}

._mt-10 {
  margin-top: 10px;
}

._mr-10 {
  margin-right: 10px;
}

._mb-10 {
  margin-bottom: 10px;
}

._ml-10 {
  margin-left: 10px;
}

._pa-10 {
  padding: 10px;
}

._pt-10 {
  padding-top: 10px;
}

._pr-10 {
  padding-right: 10px;
}

._pb-10 {
  padding-bottom: 10px;
}

._pl-10 {
  padding-left: 10px;
}

._ma-15 {
  margin: 15px;
}

._mt-15 {
  margin-top: 15px;
}

._mr-15 {
  margin-right: 15px;
}

._mb-15 {
  margin-bottom: 15px;
}

._ml-15 {
  margin-left: 15px;
}

._pa-15 {
  padding: 15px;
}

._pt-15 {
  padding-top: 15px;
}

._pr-15 {
  padding-right: 15px;
}

._pb-15 {
  padding-bottom: 15px;
}

._pl-15 {
  padding-left: 15px;
}

._ma-20 {
  margin: 20px;
}

._mt-20 {
  margin-top: 20px;
}

._mr-20 {
  margin-right: 20px;
}

._mb-20 {
  margin-bottom: 20px;
}

._ml-20 {
  margin-left: 20px;
}

._pa-20 {
  padding: 20px;
}

._pt-20 {
  padding-top: 20px;
}

._pr-20 {
  padding-right: 20px;
}

._pb-20 {
  padding-bottom: 20px;
}

._pl-20 {
  padding-left: 20px;
}

._ma-25 {
  margin: 25px;
}

._mt-25 {
  margin-top: 25px;
}

._mr-25 {
  margin-right: 25px;
}

._mb-25 {
  margin-bottom: 25px;
}

._ml-25 {
  margin-left: 25px;
}

._pa-25 {
  padding: 25px;
}

._pt-25 {
  padding-top: 25px;
}

._pr-25 {
  padding-right: 25px;
}

._pb-25 {
  padding-bottom: 25px;
}

._pl-25 {
  padding-left: 25px;
}

._ma-30 {
  margin: 30px;
}

._mt-30 {
  margin-top: 30px;
}

._mr-30 {
  margin-right: 30px;
}

._mb-30 {
  margin-bottom: 30px;
}

._ml-30 {
  margin-left: 30px;
}

._pa-30 {
  padding: 30px;
}

._pt-30 {
  padding-top: 30px;
}

._pr-30 {
  padding-right: 30px;
}

._pb-30 {
  padding-bottom: 30px;
}

._pl-30 {
  padding-left: 30px;
}

._ma-35 {
  margin: 35px;
}

._mt-35 {
  margin-top: 35px;
}

._mr-35 {
  margin-right: 35px;
}

._mb-35 {
  margin-bottom: 35px;
}

._ml-35 {
  margin-left: 35px;
}

._pa-35 {
  padding: 35px;
}

._pt-35 {
  padding-top: 35px;
}

._pr-35 {
  padding-right: 35px;
}

._pb-35 {
  padding-bottom: 35px;
}

._pl-35 {
  padding-left: 35px;
}

._ma-40 {
  margin: 40px;
}

._mt-40 {
  margin-top: 40px;
}

._mr-40 {
  margin-right: 40px;
}

._mb-40 {
  margin-bottom: 40px;
}

._ml-40 {
  margin-left: 40px;
}

._pa-40 {
  padding: 40px;
}

._pt-40 {
  padding-top: 40px;
}

._pr-40 {
  padding-right: 40px;
}

._pb-40 {
  padding-bottom: 40px;
}

._pl-40 {
  padding-left: 40px;
}

._ma-45 {
  margin: 45px;
}

._mt-45 {
  margin-top: 45px;
}

._mr-45 {
  margin-right: 45px;
}

._mb-45 {
  margin-bottom: 45px;
}

._ml-45 {
  margin-left: 45px;
}

._pa-45 {
  padding: 45px;
}

._pt-45 {
  padding-top: 45px;
}

._pr-45 {
  padding-right: 45px;
}

._pb-45 {
  padding-bottom: 45px;
}

._pl-45 {
  padding-left: 45px;
}

._ma-50 {
  margin: 50px;
}

._mt-50 {
  margin-top: 50px;
}

._mr-50 {
  margin-right: 50px;
}

._mb-50 {
  margin-bottom: 50px;
}

._ml-50 {
  margin-left: 50px;
}

._pa-50 {
  padding: 50px;
}

._pt-50 {
  padding-top: 50px;
}

._pr-50 {
  padding-right: 50px;
}

._pb-50 {
  padding-bottom: 50px;
}

._pl-50 {
  padding-left: 50px;
}

._ma-55 {
  margin: 55px;
}

._mt-55 {
  margin-top: 55px;
}

._mr-55 {
  margin-right: 55px;
}

._mb-55 {
  margin-bottom: 55px;
}

._ml-55 {
  margin-left: 55px;
}

._pa-55 {
  padding: 55px;
}

._pt-55 {
  padding-top: 55px;
}

._pr-55 {
  padding-right: 55px;
}

._pb-55 {
  padding-bottom: 55px;
}

._pl-55 {
  padding-left: 55px;
}

._ma-60 {
  margin: 60px;
}

._mt-60 {
  margin-top: 60px;
}

._mr-60 {
  margin-right: 60px;
}

._mb-60 {
  margin-bottom: 60px;
}

._ml-60 {
  margin-left: 60px;
}

._pa-60 {
  padding: 60px;
}

._pt-60 {
  padding-top: 60px;
}

._pr-60 {
  padding-right: 60px;
}

._pb-60 {
  padding-bottom: 60px;
}

._pl-60 {
  padding-left: 60px;
}

._ma-65 {
  margin: 65px;
}

._mt-65 {
  margin-top: 65px;
}

._mr-65 {
  margin-right: 65px;
}

._mb-65 {
  margin-bottom: 65px;
}

._ml-65 {
  margin-left: 65px;
}

._pa-65 {
  padding: 65px;
}

._pt-65 {
  padding-top: 65px;
}

._pr-65 {
  padding-right: 65px;
}

._pb-65 {
  padding-bottom: 65px;
}

._pl-65 {
  padding-left: 65px;
}

._ma-70 {
  margin: 70px;
}

._mt-70 {
  margin-top: 70px;
}

._mr-70 {
  margin-right: 70px;
}

._mb-70 {
  margin-bottom: 70px;
}

._ml-70 {
  margin-left: 70px;
}

._pa-70 {
  padding: 70px;
}

._pt-70 {
  padding-top: 70px;
}

._pr-70 {
  padding-right: 70px;
}

._pb-70 {
  padding-bottom: 70px;
}

._pl-70 {
  padding-left: 70px;
}

._ma-75 {
  margin: 75px;
}

._mt-75 {
  margin-top: 75px;
}

._mr-75 {
  margin-right: 75px;
}

._mb-75 {
  margin-bottom: 75px;
}

._ml-75 {
  margin-left: 75px;
}

._pa-75 {
  padding: 75px;
}

._pt-75 {
  padding-top: 75px;
}

._pr-75 {
  padding-right: 75px;
}

._pb-75 {
  padding-bottom: 75px;
}

._pl-75 {
  padding-left: 75px;
}

._ma-80 {
  margin: 80px;
}

._mt-80 {
  margin-top: 80px;
}

._mr-80 {
  margin-right: 80px;
}

._mb-80 {
  margin-bottom: 80px;
}

._ml-80 {
  margin-left: 80px;
}

._pa-80 {
  padding: 80px;
}

._pt-80 {
  padding-top: 80px;
}

._pr-80 {
  padding-right: 80px;
}

._pb-80 {
  padding-bottom: 80px;
}

._pl-80 {
  padding-left: 80px;
}

._ma-85 {
  margin: 85px;
}

._mt-85 {
  margin-top: 85px;
}

._mr-85 {
  margin-right: 85px;
}

._mb-85 {
  margin-bottom: 85px;
}

._ml-85 {
  margin-left: 85px;
}

._pa-85 {
  padding: 85px;
}

._pt-85 {
  padding-top: 85px;
}

._pr-85 {
  padding-right: 85px;
}

._pb-85 {
  padding-bottom: 85px;
}

._pl-85 {
  padding-left: 85px;
}

._ma-90 {
  margin: 90px;
}

._mt-90 {
  margin-top: 90px;
}

._mr-90 {
  margin-right: 90px;
}

._mb-90 {
  margin-bottom: 90px;
}

._ml-90 {
  margin-left: 90px;
}

._pa-90 {
  padding: 90px;
}

._pt-90 {
  padding-top: 90px;
}

._pr-90 {
  padding-right: 90px;
}

._pb-90 {
  padding-bottom: 90px;
}

._pl-90 {
  padding-left: 90px;
}

._ma-95 {
  margin: 95px;
}

._mt-95 {
  margin-top: 95px;
}

._mr-95 {
  margin-right: 95px;
}

._mb-95 {
  margin-bottom: 95px;
}

._ml-95 {
  margin-left: 95px;
}

._pa-95 {
  padding: 95px;
}

._pt-95 {
  padding-top: 95px;
}

._pr-95 {
  padding-right: 95px;
}

._pb-95 {
  padding-bottom: 95px;
}

._pl-95 {
  padding-left: 95px;
}

._ma-100 {
  margin: 100px;
}

._mt-100 {
  margin-top: 100px;
}

._mr-100 {
  margin-right: 100px;
}

._mb-100 {
  margin-bottom: 100px;
}

._ml-100 {
  margin-left: 100px;
}

._pa-100 {
  padding: 100px;
}

._pt-100 {
  padding-top: 100px;
}

._pr-100 {
  padding-right: 100px;
}

._pb-100 {
  padding-bottom: 100px;
}

._pl-100 {
  padding-left: 100px;
}

._ma-105 {
  margin: 105px;
}

._mt-105 {
  margin-top: 105px;
}

._mr-105 {
  margin-right: 105px;
}

._mb-105 {
  margin-bottom: 105px;
}

._ml-105 {
  margin-left: 105px;
}

._pa-105 {
  padding: 105px;
}

._pt-105 {
  padding-top: 105px;
}

._pr-105 {
  padding-right: 105px;
}

._pb-105 {
  padding-bottom: 105px;
}

._pl-105 {
  padding-left: 105px;
}

._ma-110 {
  margin: 110px;
}

._mt-110 {
  margin-top: 110px;
}

._mr-110 {
  margin-right: 110px;
}

._mb-110 {
  margin-bottom: 110px;
}

._ml-110 {
  margin-left: 110px;
}

._pa-110 {
  padding: 110px;
}

._pt-110 {
  padding-top: 110px;
}

._pr-110 {
  padding-right: 110px;
}

._pb-110 {
  padding-bottom: 110px;
}

._pl-110 {
  padding-left: 110px;
}

._ma-115 {
  margin: 115px;
}

._mt-115 {
  margin-top: 115px;
}

._mr-115 {
  margin-right: 115px;
}

._mb-115 {
  margin-bottom: 115px;
}

._ml-115 {
  margin-left: 115px;
}

._pa-115 {
  padding: 115px;
}

._pt-115 {
  padding-top: 115px;
}

._pr-115 {
  padding-right: 115px;
}

._pb-115 {
  padding-bottom: 115px;
}

._pl-115 {
  padding-left: 115px;
}

._ma-120 {
  margin: 120px;
}

._mt-120 {
  margin-top: 120px;
}

._mr-120 {
  margin-right: 120px;
}

._mb-120 {
  margin-bottom: 120px;
}

._ml-120 {
  margin-left: 120px;
}

._pa-120 {
  padding: 120px;
}

._pt-120 {
  padding-top: 120px;
}

._pr-120 {
  padding-right: 120px;
}

._pb-120 {
  padding-bottom: 120px;
}

._pl-120 {
  padding-left: 120px;
}

._ma-125 {
  margin: 125px;
}

._mt-125 {
  margin-top: 125px;
}

._mr-125 {
  margin-right: 125px;
}

._mb-125 {
  margin-bottom: 125px;
}

._ml-125 {
  margin-left: 125px;
}

._pa-125 {
  padding: 125px;
}

._pt-125 {
  padding-top: 125px;
}

._pr-125 {
  padding-right: 125px;
}

._pb-125 {
  padding-bottom: 125px;
}

._pl-125 {
  padding-left: 125px;
}

._ma-130 {
  margin: 130px;
}

._mt-130 {
  margin-top: 130px;
}

._mr-130 {
  margin-right: 130px;
}

._mb-130 {
  margin-bottom: 130px;
}

._ml-130 {
  margin-left: 130px;
}

._pa-130 {
  padding: 130px;
}

._pt-130 {
  padding-top: 130px;
}

._pr-130 {
  padding-right: 130px;
}

._pb-130 {
  padding-bottom: 130px;
}

._pl-130 {
  padding-left: 130px;
}

._ma-135 {
  margin: 135px;
}

._mt-135 {
  margin-top: 135px;
}

._mr-135 {
  margin-right: 135px;
}

._mb-135 {
  margin-bottom: 135px;
}

._ml-135 {
  margin-left: 135px;
}

._pa-135 {
  padding: 135px;
}

._pt-135 {
  padding-top: 135px;
}

._pr-135 {
  padding-right: 135px;
}

._pb-135 {
  padding-bottom: 135px;
}

._pl-135 {
  padding-left: 135px;
}

._ma-140 {
  margin: 140px;
}

._mt-140 {
  margin-top: 140px;
}

._mr-140 {
  margin-right: 140px;
}

._mb-140 {
  margin-bottom: 140px;
}

._ml-140 {
  margin-left: 140px;
}

._pa-140 {
  padding: 140px;
}

._pt-140 {
  padding-top: 140px;
}

._pr-140 {
  padding-right: 140px;
}

._pb-140 {
  padding-bottom: 140px;
}

._pl-140 {
  padding-left: 140px;
}

._ma-145 {
  margin: 145px;
}

._mt-145 {
  margin-top: 145px;
}

._mr-145 {
  margin-right: 145px;
}

._mb-145 {
  margin-bottom: 145px;
}

._ml-145 {
  margin-left: 145px;
}

._pa-145 {
  padding: 145px;
}

._pt-145 {
  padding-top: 145px;
}

._pr-145 {
  padding-right: 145px;
}

._pb-145 {
  padding-bottom: 145px;
}

._pl-145 {
  padding-left: 145px;
}

._ma-150 {
  margin: 150px;
}

._mt-150 {
  margin-top: 150px;
}

._mr-150 {
  margin-right: 150px;
}

._mb-150 {
  margin-bottom: 150px;
}

._ml-150 {
  margin-left: 150px;
}

._pa-150 {
  padding: 150px;
}

._pt-150 {
  padding-top: 150px;
}

._pr-150 {
  padding-right: 150px;
}

._pb-150 {
  padding-bottom: 150px;
}

._pl-150 {
  padding-left: 150px;
}

._ma-155 {
  margin: 155px;
}

._mt-155 {
  margin-top: 155px;
}

._mr-155 {
  margin-right: 155px;
}

._mb-155 {
  margin-bottom: 155px;
}

._ml-155 {
  margin-left: 155px;
}

._pa-155 {
  padding: 155px;
}

._pt-155 {
  padding-top: 155px;
}

._pr-155 {
  padding-right: 155px;
}

._pb-155 {
  padding-bottom: 155px;
}

._pl-155 {
  padding-left: 155px;
}

._ma-160 {
  margin: 160px;
}

._mt-160 {
  margin-top: 160px;
}

._mr-160 {
  margin-right: 160px;
}

._mb-160 {
  margin-bottom: 160px;
}

._ml-160 {
  margin-left: 160px;
}

._pa-160 {
  padding: 160px;
}

._pt-160 {
  padding-top: 160px;
}

._pr-160 {
  padding-right: 160px;
}

._pb-160 {
  padding-bottom: 160px;
}

._pl-160 {
  padding-left: 160px;
}

._ma-165 {
  margin: 165px;
}

._mt-165 {
  margin-top: 165px;
}

._mr-165 {
  margin-right: 165px;
}

._mb-165 {
  margin-bottom: 165px;
}

._ml-165 {
  margin-left: 165px;
}

._pa-165 {
  padding: 165px;
}

._pt-165 {
  padding-top: 165px;
}

._pr-165 {
  padding-right: 165px;
}

._pb-165 {
  padding-bottom: 165px;
}

._pl-165 {
  padding-left: 165px;
}

._ma-170 {
  margin: 170px;
}

._mt-170 {
  margin-top: 170px;
}

._mr-170 {
  margin-right: 170px;
}

._mb-170 {
  margin-bottom: 170px;
}

._ml-170 {
  margin-left: 170px;
}

._pa-170 {
  padding: 170px;
}

._pt-170 {
  padding-top: 170px;
}

._pr-170 {
  padding-right: 170px;
}

._pb-170 {
  padding-bottom: 170px;
}

._pl-170 {
  padding-left: 170px;
}

._ma-175 {
  margin: 175px;
}

._mt-175 {
  margin-top: 175px;
}

._mr-175 {
  margin-right: 175px;
}

._mb-175 {
  margin-bottom: 175px;
}

._ml-175 {
  margin-left: 175px;
}

._pa-175 {
  padding: 175px;
}

._pt-175 {
  padding-top: 175px;
}

._pr-175 {
  padding-right: 175px;
}

._pb-175 {
  padding-bottom: 175px;
}

._pl-175 {
  padding-left: 175px;
}

._ma-180 {
  margin: 180px;
}

._mt-180 {
  margin-top: 180px;
}

._mr-180 {
  margin-right: 180px;
}

._mb-180 {
  margin-bottom: 180px;
}

._ml-180 {
  margin-left: 180px;
}

._pa-180 {
  padding: 180px;
}

._pt-180 {
  padding-top: 180px;
}

._pr-180 {
  padding-right: 180px;
}

._pb-180 {
  padding-bottom: 180px;
}

._pl-180 {
  padding-left: 180px;
}

._ma-185 {
  margin: 185px;
}

._mt-185 {
  margin-top: 185px;
}

._mr-185 {
  margin-right: 185px;
}

._mb-185 {
  margin-bottom: 185px;
}

._ml-185 {
  margin-left: 185px;
}

._pa-185 {
  padding: 185px;
}

._pt-185 {
  padding-top: 185px;
}

._pr-185 {
  padding-right: 185px;
}

._pb-185 {
  padding-bottom: 185px;
}

._pl-185 {
  padding-left: 185px;
}

._ma-190 {
  margin: 190px;
}

._mt-190 {
  margin-top: 190px;
}

._mr-190 {
  margin-right: 190px;
}

._mb-190 {
  margin-bottom: 190px;
}

._ml-190 {
  margin-left: 190px;
}

._pa-190 {
  padding: 190px;
}

._pt-190 {
  padding-top: 190px;
}

._pr-190 {
  padding-right: 190px;
}

._pb-190 {
  padding-bottom: 190px;
}

._pl-190 {
  padding-left: 190px;
}

._ma-195 {
  margin: 195px;
}

._mt-195 {
  margin-top: 195px;
}

._mr-195 {
  margin-right: 195px;
}

._mb-195 {
  margin-bottom: 195px;
}

._ml-195 {
  margin-left: 195px;
}

._pa-195 {
  padding: 195px;
}

._pt-195 {
  padding-top: 195px;
}

._pr-195 {
  padding-right: 195px;
}

._pb-195 {
  padding-bottom: 195px;
}

._pl-195 {
  padding-left: 195px;
}

._ma-200 {
  margin: 200px;
}

._mt-200 {
  margin-top: 200px;
}

._mr-200 {
  margin-right: 200px;
}

._mb-200 {
  margin-bottom: 200px;
}

._ml-200 {
  margin-left: 200px;
}

._pa-200 {
  padding: 200px;
}

._pt-200 {
  padding-top: 200px;
}

._pr-200 {
  padding-right: 200px;
}

._pb-200 {
  padding-bottom: 200px;
}

._pl-200 {
  padding-left: 200px;
}

/*--- Border Classes ---*/
._ba-none {
  border: none !important;
}

._ba {
  border: 1px solid #D7D7D7;
}

._bt {
  border-top: 1px solid #D7D7D7;
}

._bb {
  border-bottom: 1px solid #D7D7D7;
}

._bl {
  border-left: 1px solid #D7D7D7;
}

._br {
  border-right: 1px solid #D7D7D7;
}

._ba-dark {
  border: 1px solid #979797;
}

/*--- Border Radius Classes ---*/
._br-100 {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}

._br-2 {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}

._br-3 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}

._br-4 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}

/*--- Width Classes ---*/
._w-100 {
  width: 100px;
}

._w-120 {
  width: 120px;
}

._w-140 {
  width: 140px;
}

._w-160 {
  width: 160px;
}

/*--- Display ---*/
._d-none {
  display: none !important;
}

._d-block {
  display: block !important;
}

._block {
  display: block !important;
}

._inline {
  display: inline;
}

._inlineblock {
  display: inline-block;
}

/*--- Colors ---*/
._orange-light {
  color: #ec8b27;
}

._gray-light {
  color: #777;
}

._white {
  color: #fff;
}

._yellow-light {
  color: #FAA91B;
}

/*--- Background Colors ---*/
._bg-gray-light {
  color: #F3F3F3;
}

@media (max-width: 767px) {
  ._reset-row .container, ._reset-row [class*=col-] {
    padding-left: 0;
    padding-right: 0;
  }
  ._reset-row .row {
    margin-left: 0;
    margin-right: 0;
  }
}

._noScroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

._clear {
  clear: both;
}

._clearfix:before, ._clearfix:after {
  content: " ";
  display: table;
}
._clearfix:after {
  clear: both;
}

@media (max-width: 600px) {
  .newline {
    display: block;
  }
}
.newline.-narrow {
  display: inline;
}
@media (max-width: 480px) {
  .newline.-narrow {
    display: block;
  }
}

.inline {
  display: inline-block;
}
@media (min-width: 601px) {
  .inline {
    display: block;
  }
}

._grayscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}

._ungrayscale {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: none; /* IE 6-9 */
}

/*----------------------------------
Old Taejai v1.0
----------------------------------*/
.hide-txt {
  position: absolute;
  left: -999em;
}

.no-bullet {
  margin: 0;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  margin: 0 1em;
}

.visible-xs-mobile {
  display: none;
}
@media (max-width: 420px) {
  .visible-xs-mobile {
    display: block;
  }
}

.img-radius {
  border-radius: 50%;
}

.field-error {
  margin-top: 10px;
  margin-bottom: 0;
}

.father {
  background-color: #111;
  text-align: center;
}
.father picture, .father img {
  max-width: 960px;
  width: 100%;
}

/* -----------------------------------------------
New Line
------------------------------------------------- */
._br-xs {
  display: none;
}
@media (min-width: 321px) {
  ._br-xs {
    display: block;
  }
}

._br-sm {
  display: none;
}
@media (min-width: 769px) {
  ._br-sm {
    display: block;
  }
}

._br-md {
  display: none;
}
@media (min-width: 993px) {
  ._br-md {
    display: block;
  }
}

._br-lg {
  display: none;
}
@media (min-width: 1025px) {
  ._br-lg {
    display: block;
  }
}

._br-xl {
  display: none;
}
@media (min-width: 1201px) {
  ._br-xl {
    display: block;
  }
}

._br-visible-xs {
  display: block;
}
@media (min-width: 321px) {
  ._br-visible-xs {
    display: none;
  }
}

._br-visible-sm {
  display: block;
}
@media (min-width: 769px) {
  ._br-visible-sm {
    display: none;
  }
}

._br-visible-md {
  display: block;
}
@media (min-width: 993px) {
  ._br-visible-md {
    display: none;
  }
}

._br-visible-lg {
  display: block;
}
@media (min-width: 1025px) {
  ._br-visible-lg {
    display: none;
  }
}

@media (min-width: 769px) {
  ._readability {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) {
  ._readability-md {
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1280px) {
  ._readability-lg {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}

.no-gutter {
  margin-right: 0;
  margin-left: 0;
}

.no-gutter > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

._fw-400 {
  font-weight: 400;
}

._fw-500 {
  font-weight: 500;
}

.d-flex {
  display: flex;
}

.d-block {
  display: block;
}

@media (min-width: 768px) {
  .d-md-flex {
    display: flex !important;
  }
}

.align-items-center {
  align-items: center;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-between {
  justify-content: space-between;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.uppercase {
  text-transform: uppercase;
}

@font-face {
  font-family: "WorkSans";
  src: url("/static/fonts/worksans/WorkSans-Bold.woff2") format("woff2"), url("/static/fonts/worksans/WorkSans-Bold.woff") format("woff"), url("/static/fonts/worksans/WorkSans-Bold.svg#WorkSans-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "WorkSans";
  src: url("/static/fonts/worksans/WorkSans-Medium.woff2") format("woff2"), url("/static/fonts/worksans/WorkSans-Medium.woff") format("woff"), url("/static/fonts/worksans/WorkSans-Medium.svg#WorkSans-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}
.ooca-sections {
  font-family: "Athiti", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.ooca-sections .switch-language {
  margin-top: 0;
  z-index: 999;
}
@media (min-width: 768px) {
  .ooca-sections .switch-language {
    margin-top: 30px;
  }
}
.ooca-sections .switch-language .link.-th:lang(th) {
  background-color: #eee;
}
.ooca-sections .switch-language .link.-en:lang(en) {
  background-color: #eee;
}

.header-title {
  font-family: "WorkSans", "Athiti", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.ooca-slogan {
  font-family: "WorkSans";
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  font-size: 22px;
}

strong {
  font-weight: 600;
}

._arthiti {
  font-family: "Athiti", Helvetica, Arial, sans-serif;
}

._worksans, .step-card .item {
  font-family: "WorkSans", Helvetica, Arial, sans-serif;
}

._primary-color, .ooca-themplate .section-donation-form .form-login a:link, .ooca-themplate .section-donation-form .form-login a:visited, .explain-heart-equal {
  color: #310A7F;
}

._darkblue {
  color: #005CA8;
}

._black, .section-ooca-problem {
  color: #000;
}

._fw-300 {
  font-weight: 300;
}

._fw-400 {
  font-weight: 400;
}

._fw-500 {
  font-weight: 500;
}

.btn-ooca, .ooca-themplate .btn-primary {
  background-color: #6979F8 !important;
  border: 1px solid #6979F8 !important;
  border-radius: 100px;
  transition: 0.3s;
  min-width: 180px;
  font-family: "WorkSans", "Athiti";
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  font-size: 17px;
  text-align: center;
  text-transform: uppercase;
}
.btn-ooca:hover, .ooca-themplate .btn-primary:hover, .btn-ooca:active, .ooca-themplate .btn-primary:active, .btn-ooca:focus, .ooca-themplate .btn-primary:focus {
  color: #6979F8 !important;
  background-color: #E5E7FA !important;
  border-color: #E5E7FA !important;
}

.block-content {
  max-width: 850px;
  margin: 0 auto;
}
.block-content .sub-block-content {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.project-summary-wrapper {
  justify-content: center;
  align-items: center;
}

.explain-heart-equal {
  font-size: 2em;
  line-height: 2em;
}

@media (max-width: 767px) {
  .project-summary-wrapper {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }
  .project-summary-wrapper .explain-heart-wrapper,
  .project-summary-wrapper .project-summary-total {
    display: block;
    margin: 0px 0 0;
    text-align: center;
  }
  .project-summary-wrapper .explain-heart-wrapper > *,
  .project-summary-wrapper .project-summary-total > * {
    width: 100%;
  }
  .explain-heart > * {
    padding: 5px !important;
  }
  .explain-heart .explain-heart-equal {
    padding: 0 !important;
  }
  .explain-heart .explain-heart-price-detail {
    max-width: 150px;
    text-align: left;
  }
}
.-bg-supporter {
  background: #6E50E7;
}

.section-ooca-problem {
  background: transparent;
}

.section-ooca-howitwork {
  background-image: url("/static/images/projects/ooca/bg-howitwork.jpg");
  background-attachment: fixed;
  background-position: top center;
  background-size: cover;
}
.section-ooca-howitwork .header-title {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .section-ooca-howitwork .header-title {
    margin-bottom: 60px;
  }
}

.step-card {
  background: #fff;
  border-radius: 11px;
  padding: 1.5rem 1rem;
  height: 350px;
  position: relative;
}
@media (min-width: 768px) {
  .step-card {
    padding: 2.5rem;
    height: 380px;
  }
}
.step-card .item {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translate(-50%, 0);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  color: #4D3594;
  width: 30px;
  border: 2px solid #4D3594;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .step-card .item {
    width: 60px;
    border: 3px solid #4D3594;
    height: 60px;
    line-height: 54px;
    font-size: 25px;
    top: -3rem;
  }
}

.ooca-themplate #donate .section-share:after {
  display: block !important;
  content: "Power by Taejai.com";
  margin: 15px 0;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
}
.ooca-themplate .section-donation-form {
  background-color: #F4F7FB !important;
}
.ooca-themplate .section-donation-form .form-amount label.active {
  background-color: #F4F7FB !important;
  border-color: #4D3594 !important;
}
.ooca-themplate .section-donation-form .form-payment .options .radio.active {
  border-color: #4D3594 !important;
}
.ooca-themplate .section-donation-form .form-payment .options .radio:hover {
  background-color: #F4F7FB !important;
}
.ooca-themplate .modal .section-share {
  padding-bottom: 0;
}
.ooca-themplate .modal .section-share p {
  color: #fff;
}
.ooca-themplate .btn-group-share li a {
  width: 120px !important;
}
.ooca-themplate .btn-group-share .btn-share-facebook {
  color: #3C5A96 !important;
}
.ooca-themplate .btn-group-share .btn-share-facebook:hover {
  color: #fff !important;
}
.ooca-themplate .btn-group-share .btn-share-twitter {
  color: #2AA3F0 !important;
}
.ooca-themplate .btn-group-share .btn-share-twitter:hover {
  color: #fff !important;
}
.ooca-themplate .btn-group-share .btn-share-line {
  color: #00b900 !important;
}
.ooca-themplate .btn-group-share .btn-share-line:hover {
  color: #fff !important;
}

/* Thankyou page */
.page-donate-thankyou {
  font-family: "Athiti", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #fff;
}
.page-donate-thankyou .form-wrapper {
  color: #333;
}
.page-donate-thankyou .ooca-thankyou {
  overflow: hidden;
}
.page-donate-thankyou .thanks-title {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}
.page-donate-thankyou .thanks-title h2 {
  font-family: "Athiti", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 3.5rem;
}
.page-donate-thankyou .thanks-title h3 {
  font-family: "Athiti", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5em;
  font-size: 2.5rem;
}
.page-donate-thankyou .thanks-title .subtitle {
  color: #fff;
}
.page-donate-thankyou .main {
  background-image: url("/static/images/projects/ooca/bg-bubble.jpg");
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  padding: 20px 0;
}
.page-donate-thankyou .card-wrapper h3 {
  font-family: "Athiti", Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin: 0;
}
.page-donate-thankyou .card-wrapper .card {
  border: none;
  box-shadow: none;
  background: #fff;
}
.page-donate-thankyou .section-share p {
  color: #fff;
}
.page-donate-thankyou .btn-group-share li a {
  width: 120px !important;
}
.page-donate-thankyou .btn-group-share .btn-share-facebook {
  color: #3C5A96 !important;
}
.page-donate-thankyou .btn-group-share .btn-share-facebook:hover {
  color: #fff !important;
}
.page-donate-thankyou .btn-group-share .btn-share-twitter {
  color: #2AA3F0 !important;
}
.page-donate-thankyou .btn-group-share .btn-share-twitter:hover {
  color: #fff !important;
}
.page-donate-thankyou .btn-group-share .btn-share-line {
  color: #00b900 !important;
}
.page-donate-thankyou .btn-group-share .btn-share-line:hover {
  color: #fff !important;
}
.page-donate-thankyou textarea.form-control,
.page-donate-thankyou input[type=text].form-control {
  background-color: #F4F7FB !important;
  border: 0;
  color: #3F3356;
}
.page-donate-thankyou input::placeholder {
  color: #D0C9D6;
}
.page-donate-thankyou .message-block {
  display: none;
}

/* fixed bar */
.fixbar_section {
  overflow: hidden;
  position: fixed;
  left: 0;
  bottom: 0;
  top: auto;
  width: 100%;
  z-index: 1100;
  margin: 0;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.5);
  border-radius: 0;
}
.fixbar_section.affix-bottom {
  bottom: auto;
  opacity: 0; /* hide button donate */
}
.fixbar_section .btn-donate {
  min-width: 140px;
  font-size: 16px;
  margin: 0;
}
@media (min-width: 1024px) {
  .fixbar_section .btn-donate {
    min-width: 170px;
  }
}

a._white:hover, a._white:active {
  color: #fff;
  text-decoration: underline;
}

/* hover effect */
.ooca-logo, .box.box-heart {
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}
.ooca-logo:hover, .box.box-heart:hover {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.ooca-themplate .alert-consent .alert-box-button-container .btn,
.ooca-themplate .cookieModal .modal-content .modal-footer .btn {
  min-width: auto;
  color: white;
}
.ooca-themplate .cookieModal .modal-content .modal-footer .btn-outline {
  color: #393939;
  border-radius: 100px;
}
.ooca-themplate .cookieModal .modal-content {
  text-align: left;
}
.ooca-themplate .cookieModal .accordionCookie .card .switch input:checked + .slider {
  background-color: #6979f8;
}

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