/*** 01 - Typography ***/

/********** Body Font **********/

@font-face {
    font-family: 'promptlight';
    src: url('../fonts/prompt-light-webfont.eot');
    src: url('../fonts/prompt-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/prompt-light-webfont.woff2') format('woff2'),
        url('../fonts/prompt-light-webfont.woff') format('woff'),
        url('../fonts/prompt-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/********** Heading Font **********/

@font-face {
    font-family: 'promptmedium';
    src: url('../fonts/prompt-medium-webfont.woff2') format('woff2'),
        url('../fonts/prompt-medium-webfont.woff') format('woff');
}

/********** Heading Font **********/

@font-face {
    font-family: 'promptsemibold';
    src: url('../fonts/prompt-semibold-webfont.eot');
    src: url('../fonts/prompt-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/prompt-semibold-webfont.woff2') format('woff2'),
        url('../fonts/prompt-semibold-webfont.woff') format('woff'),
        url('../fonts/prompt-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/********** Main Class **********/

html {
    font-size: 10px;
}

body {
    font-family: 'promptlight';
    font-size: 1.5rem;
    line-height: 2.8rem;
    color: #222221;
    overflow-x: hidden;
}

strong {
    /*font-family: 'promptsemibold';*/
    font-family: 'promptmedium';
    font-weight: normal;
}

a {
    color: #f47521;
}

a:hover {
    color: #f17522;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'promptmedium';
}

h1 {
    font-size: 3.6rem;
}

h2 {
    font-size: 3.2rem;
    color: #000;
}

h3 {
    font-size: 1.8rem;
    color: #000;
}

.st-sec {
    padding: 80px 0;
}

.ht-sec {
    padding: 40px 0;
}

.ht-sec-f {
    padding-top: 80px;
}

.ht-sec-l {
    padding-bottom: 80px;
}

.heading-section {
    margin-bottom: 30px;
}

.heading-section h2 {
    margin-bottom: 15px;
}

.heading-section h3 {
    font-size: 2.4rem;
    margin-bottom: 15px;
}

.btn {
    padding: 10px 40px;
    font-size: 1.6rem;
    font-family: 'promptmedium';
}

.btn-main {
    background: #f47521;
    border-radius: 4px;
    color: #fff;
}

.btn-main:hover {
    background: #f58f50;
    color: #fff;
}

.btn-outline {
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    background: none;
}

.btn-outline:hover {
    background: #fff;
    color: #f47521;
}

.btn-banner {
    background: #fff;
    color: #f47521;
}

.btn-banner:hover {
    background: #fff;
    color: #f47521;
}

.btn-disable {
    background: #ccc;
}

.btn-disable:hover {
    background: #ccc;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
    {
    background: #f47521;
    border: #f47521;
}

.btn-donate-dt {
    background: #ffbc00;
    padding: 12px 40px !important;
    color: #333 !important;
}

.btn-donate-dt:hover {
    background: #d7a005;
}

.causes-item-success img {
    filter: grayscale(100%);
}

.causes-item-success .fa-check-circle-o {
    color: #999999;
    font-size: 1.8rem;
}

.viewmore {
    color: #000000;
    font-family: 'promptmedium';
}

.viewmore:hover {
    color: #f47521;
}

.line-left {
    width: 1px;
    height: 100%;
    background: #000;
    margin-right: 15px;
    display: inline-block;
    min-height: 100px;
}

#project .line-left {
    min-height: 60px;
}

.content-divider {
    width: 100%;
    display: block;
    margin-bottom: 30px;
}

.project-tag {
    background: #ffad00;
    border-radius: 32px;
    padding: 2px 15px;
    min-width: 30%;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 1.4rem;
    color: #fff;
}

.project-tag:hover {
    color: #fff;
    text-decoration: none;
}

.pagination {
    margin-top: 40px;
}

.pagination {
    justify-content: center;
}

.page-link {
    color: #000;
    font-family: 'promptsemibold';
    background: none;
    border: none;
    padding: 0.7rem 1.2rem;
    margin: 0 2px;
    font-size: 1.6rem;
}

.page-link:hover {
    color: #f47521;
}

.page-link-active {
    background: #f47521;
    color: #fff;
    font-family: 'promptsemibold';
    border-radius: 4px;
}

.page-link-active:hover {
    background: #f47521;
    color: #fff;
}

.page-link .fa {
    font-size: 1.4rem;
}

.img-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.img-wrapper img {
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
}

.img-wrapper img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

/********** BT Custom **********/

.progress-bar {
    background: #febd12;
}

.causes-item-success .progress-bar {
    background: #999999;
}

.causes-item-success .project-progress-number {
    color: #000000;
}

.carousel-control-prev,
.carousel-control-next {
    width: 5%;
}

.carousel-caption {
    bottom: 40px;
}

.carousel-caption h1 span {
    font-family: 'promptlight';
}

.carousel-caption a {
    color: #fff;
    line-height: 5rem;
    text-decoration: none;
}

.coverheading-link:after {
    display: block;
    content: '';
    border-bottom: solid 3px #fff;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
    width: 30%;
    margin: 0 auto;
}

.coverheading-link:hover:after {
    transform: scaleX(1);
}

.white-caption h1 {
    color: #fff;
}

.white-caption h1:hover {
    text-decoration: none;
}

.black-caption h1 {
    color: #000;
}

.black-caption h1:hover {
    text-decoration: none;
}

.navbar-top {
    /*background: #f1f2f3;
    border-bottom: 1px solid #ddd;*/
    z-index: 999;
    position: relative;
    padding: 10px 0 0;
    font-size: 1.4rem;
}

.w-detail {
    font-size: 1.6rem;
}

.w-detail h3 {
    font-size: 1.4rem;
    margin-bottom: 0;
}

.w-detail span {
    font-family: 'promptlight';
}


.navbar-brand img {
    max-width: 200px;
}

.nav-item {
    margin-right: 24px;
}

.nav-item:last-child {
    margin-right: 0;
}

.nav-link {
    color: #000;
    font-family: 'promptsemibold';
    font-size: 1.5rem;
    padding: 10px 0 !important;
}

.nav-link:hover {
    color: #f47521;
}

.nav-active {
    color: #fdb913 !important;
}

.nav-active a {
    color: #fdb913 !important;
}

.nav-control-panel {
    text-align: right;
    font-family: 'promptsemibold';
}

.nav-control-panel a {
    color: #000;
}

.nav-control-panel a:hover {
    text-decoration: none;
    color: #000;
}

.nav-control-panel .nav-lang .dropdown-menu a {
    color: #fff;
}

.nav-control {
    list-style-type: none;
    margin-bottom: 0;
    display: inline-block;
}

.nav-control li {
    display: inline-block;
    padding: 0 15px !important;
    /*border-left: 1px solid #ddd;*/
    border-right: 1px solid #ddd;
}

.nav-control li img {
    max-width: 24px;
}

.nav-control li ul {
    padding-left: 0;
}

.nav-control li ul li {
    border: none;
    padding: 0;
}

.nav-lang {
    display: inline-block;
    padding: 0 10px 0 5px !important;
}

.nav-lang .dropdown-menu {
    min-width: 80px;
    border: 1px solid #fff;
    left: -9px !important;
}

.nav-lang .nav-link {
    font-family: 'promptsemibold';
}

.nav-lang li {
    display: inline-block;
    margin-right: 8px;
    font-family: 'promptlight';
}

.nav-lang li a {
    display: inline-block;
    color: #666;
}

.nav-lang li:last-child {
    margin-right: 0;
}

.nav-lang .flag-img {
    max-width: 18px;
    margin-right: 5px;
    margin-top: -6px;
    filter: grayscale(100%);
}

.nav-lang a:hover .flag-img {
    filter: none;
}

.nav-lang .lang-active {
    font-family: 'promptsemibold';
    color: #000;
}

.nav-lang .lang-active img {
    filter: none;
}

.nav-lang img:hover {
    filter: none;
}

.eos-item .mobile-lang {
    list-style-type: none;
    padding-left: 0;
}

.eos-item .mobile-lang li {
    display: inline-block !important;
    margin-right: 15px;
}

.eos-item .mobile-lang li img {
    margin-right: 5px;
    vertical-align: middle;
}

.nav-social {
    padding: 0 15px !important;
    display: inline-block;
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
    border-left: 1px solid #ddd;
}

.nav-social img {
    max-width: 24px;
    vertical-align: text-bottom;
}

.nav-social li {
    display: inline-block;
    margin-right: 8px;
}

.nav-social li:last-child {
    margin-right: 0;
    margin-left: -5px;
}

.nav-mobile {
    display: none;
}

.nav-mobile .shopping-mb {
    position: absolute;
    right: 120px;
    top: 12px;
    padding: 10px;
    display: none;
}

.fa-shopping-cart {
    color: #333333;
}

.fa-shopping-cart:hover {
    color: #f47521;
}

.search-section {
    display: inline-block;
    padding: 0 15px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.search-section a {
    color: #000;
}

.search-section a:hover {
    color: #f47521;
}

.carousel-item {
    /*    height: 760px;
    min-height: 350px;*/
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel-inner {
    position: relative;
}

.carousel-indicators {
    bottom: 5%;
}

.carousel-indicators li {
    background: #d6d6d6;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.carousel-indicators .active {
    background: #febd12;
    position: relative;
}

.carousel-indicators .active::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #de6c30;
    opacity: 0.2;
}

.rt-ftbar {
    background: rgba(250, 115, 34, 0.9);
    position: relative;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 10px 0;
    z-index: 99;
}

.rt-ftbar h2 {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 0;
}

.rt-ftbar span {
    font-family: 'promptlight';
}

#rt-mb-carousel {
    display: none;
}

#rt-mb-carousel .carousel-item {
    height: 560px;
}

#loader {
    position: fixed;
    width: 96px;
    height: 96px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
    border-radius: 16px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
    -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
    transition: opacity .2s ease-out, visibility 0s linear .2s;
    z-index: 1000;
}

#loader.fullscreen {
    padding: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-color: #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#loader.show {
    -webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;
    -o-transition: opacity .4s ease-out, visibility 0s linear 0s;
    transition: opacity .4s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

#loader .circular {
    -webkit-animation: loader-rotate 2s linear infinite;
    animation: loader-rotate 2s linear infinite;
    position: absolute;
    left: calc(50% - 24px);
    top: calc(50% - 24px);
    display: block;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

#loader .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: loader-dash 1.5s ease-in-out infinite;
    animation: loader-dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
}

@-webkit-keyframes loader-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loader-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -136px;
    }
}

@keyframes loader-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -136px;
    }
}

/*


.dropdown-menu > li a:hover,
.dropdown-menu > li.show {
	background: #fdb913;
}

.navbar .nav-item:hover .dropdown-menu {
	overflow: hidden;
}



*/

/*.dropdown-menu {
    min-width: 160px;
    padding: 0;
    background: #fa7322;
    border: 1px solid #fff;
}

.dropdown-menu > li a:hover,
.dropdown-menu > li.show {
    background: #fdb913;
}

.dropdown-item {
    padding: 5px 15px;
    font-size: 1.4rem;
    color: #fff;
    border: none;
    font-family: 'promptmedium';
}

.dropdown-toggle .fa {
    margin-left: 5px;
    font-size: 1.4rem;
}

.dropdown-toggle::after {
    display: none;
}*/

#menu-fix {
    position: fixed;
    top: 0px;
    width: 100%;
    color: #333;
    z-index: 999;
    display: none;
    -webkit-box-shadow: 0px 0px 18px -8px rgba(0, 0, 0, .45);
    -moz-box-shadow: 0px 0px 18px -8px rgba(0, 0, 0, .45);
    box-shadow: 0px 0px 18px -8px rgba(0, 0, 0, .45);
}

#menu-fix .nav-dt {
    background: #fff;
}

#menu-fix .navbar {
    background: #fff;
    padding: 5px 10px;
}

#menu-fix .nav-dt .navbar-brand img {
    max-width: 180px;
    margin-top: 6px;
}

#menu-fix .nav-item-line {
    background: #4cb050;
}

#menu-fix .nav-item-line a:hover {
    background: #1CA822 !important;
}

.cvpage-img {
    background-position: center center;
    background-size: cover;
    padding: 120px 0;
    color: #fff;
}

.contact-cvpage {
    background-image: url(../images/image-contactcvpage.jpg);
}

.news-cvpage {
    background-image: url(../images/image-newscvpage.jpg);
}

.stories-cvpage {
    background-image: url(../images/image-storiestelling.jpg);
}

.volunteer-cvpage {
    background-image: url(../images/image-volunteer.jpg);
}

.history-cvpage {
    background-image: url(../images/image-historycvpage01.jpg);
}

.projects-cvpage {
    background-image: url(../images/image-projectcvpage.jpg);
}

.causes-cvpage {
    background-image: url(../images/image-causescvpage01.jpg);
}

.blog-cvpage {
    padding: 200px 0;
    background-image: url(../images/image-blogcvpage.jpg);
}

.breadcrumb-dt {
    text-align: center;
    font-size: 14px;
}

.breadcrumb-dt a {
    display: inline-block;
    color: #fff;
    margin-left: 10px;
}

.breadcrumb-dt a:hover {
    opacity: 0.6;
}

.breadcrumb-dt p {
    display: inline-block;
    color: #fdb913;
    margin-bottom: 0;
}

.breadcrumb-dt a:first-child {
    margin-left: 0;
}

.breadcrumb-dt p {
    display: inline-block;
    margin-left: 10px;
}

.breadcrumb-ct {
    margin-bottom: 15px;
}

.breadcrumb-ct a {
    color: #333;
}

/*.news-container .nav-dt {
    border-bottom: 1px solid #ddd;
}*/

.news-container .nav-mobile {
    border-bottom: 1px solid #efefef;
}

.news-container #menu-fix {
    top: 5px;
}

.bg-grey {
    background: #f8f8f8;
}

.modal-causes {
    background-image: url(../images/modal-bg.jpg);
    background-size: cover;
    max-width: 960px;
}

.modal-causes .modal-content {
    background: none;
}

.modal-causes .modal-body {
    padding: 0;
}

.modal-career-detail {
    background-image: none;
    background: #fff;
    border-radius: 4px;
}

.modal-career-detail .modal-body ul {
    list-style-type: none;
    padding-left: 15px;
}

.modal-career-detail .modal-body {
    padding: 15px;
}

.modal-career-detail .modal-content {
    background: none;
    border: none;
}

.modal-career-detail h3 {
    font-size: 1.8rem;
    margin-top: 0;
}

.modal-career-detail .modal-header {
    background: #f47521;
}

.modal-career-detail .modal-header h3 {
    color: #fff;
}

.modal-career-detail .modal-header .close {
    line-height: 2.8rem;
    font-size: 4rem;
    color: #fff;
    position: relative;
    top: -4px;
}

.scrollgress {
    z-index: 99;
    background: #fff !important;
}

.line-divider {
    width: 100%;
    height: 1px;
    background: #ddd;
    margin-top: 15px;
}

.eos-menu .eos-menu-title,
.eos-menu .eos-group-title,
.eos-menu .eos-item {
    height: auto;
    line-height: 40px;
    background: #fff;
    border-color: #fff;
}

.anchor {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    z-index: -1;
    top: -140px;
    left: 0;
    visibility: hidden;
}

/********** About Us **********/

#about .row {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.about-content {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}

/*.about-content .heading-section h2 {
    margin-bottom: 15px;
    padding-left: 15px;
    border-left: 1px solid #000;
}*/

.heading-section h2 span {
    display: inline-block;
    width: 90%;
}

.headline-tag {
    color: #f47521;
    margin-bottom: 16px;
}

.about-content-bg {
    position: absolute;
    left: 20%;
    top: 10px;
    max-height: 530px;
    pointer-events: none;
}

.about-content .heading-section {
    position: relative;
}

.quote-bg {
    position: absolute;
    top: -20%;
    right: 0;
    max-width: 26px;
}

/********** Projects **********/

#project {
    background: #eaebed;
}

.raksthai-project {
    border-radius: 4px;
}

.raksthai-project .card-body {
    padding: 1.6rem;
    border-top: 1px solid #efefef;
}

.raksthai-project .card-text {
    font-size: 1.4rem;
    line-height: 2.6rem;
    margin-bottom: 24px;
}

.project-control {
    margin-top: 30px;
}

.project-controlpanel {
    border-top: 1px solid #efefef;
    padding-top: 15px;
    margin-top: 30px;
}

.card-title {
    line-height: 2.8rem;
}

.card-img-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.project-progress-number {
    text-align: right;
    color: #fa5e00;
}

.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    position: relative;
}

.owl-theme .owl-dots .owl-dot.active span::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    width: 18px;
    height: 18px;
    /*border: 1px solid #de6c30;
    border-radius: 100%;*/
    background: #de6c30;
    border-radius: 100%;
    opacity: 0.1;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #febd12;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 32px;
}

.owl-theme .owl-dots .owl-dot span {
    margin: 5px;
}

/********** Statistic **********/

.statistic-number {
    background-image: url(../images/statistic02-bg.jpg);
    background-position: center;
    background-size: cover;
    padding: 120px 80px;
}

.statistic-number .fa {
    font-size: 120px;
    color: #fab415;
}

.statistic-img {
    background-image: url(../images/statistic-bg.jpg);
    background-position: center;
    background-size: cover;
}

.statistic-item {
    text-align: center;
    color: #fff;
}

.statistic-item strong {
    margin-bottom: 15px;
    font-size: 3.6rem;
    display: block;
}

.statistic-item h2 {
    color: #fff;
    font-size: 5.6rem;
    margin: 20px 0;
}

.statistic-item span {
    font-size: 1.8rem;
}

.statistic-item span:first-child {
    font-family: 'promptmedium';
}

.counter {
    display: block;
}

.unit-number {
    display: inline-block;
    background: #333;
    border-radius: 32px;
    padding: 5px 15px;
}

.statistic-mb {
    display: none;
}

.col-arrow {
    display: none;
}

/********** What We Help **********/

#whatwehelp {
    position: relative;
}

.whatwehelp-item img {
    max-width: 120px;
    text-align: center;
    margin: 0 auto 16px;
}

.whatwehelp-item h3 {
    color: #fa5E00;
}

.whatwehelp-item p {
    color: #333;
}

.whatwehelp-bg01 {
    position: absolute;
    left: 0;
    top: 7%;
    max-width: 180px;
}

.whatwehelp-bg02 {
    position: absolute;
    right: 0;
    bottom: 5%;
    max-width: 55px;
}

/********** History **********/

/*.history-section img {
    padding: 0 40px;
}*/

/*.history-container {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 8px;
}*/

.history-container {
    z-index: 99;
}

.history-container:first-child {
    padding-top: 0;
}

.history-item h3 {
    font-size: 2.8rem;
    margin-bottom: 0;
}

.ht-sub-heading {
    font-family: 'promptmedium';
    color: #000;
    font-size: 2rem;
}

.ht-sub-heading .fa {
    font-size: 1.4rem;
    color: #f47521;
}

.year-container {
    padding: 10px 15px;
    /*background: #f47521;*/
    background: rgba(244, 117, 33, 1);
    border-radius: 0 0 8px 0;
    position: absolute;
    top: 0;
    left: 15px;
    color: #fff;
    font-size: 1.8rem;
    font-family: 'promptlight';
    text-align: center;
}

.year-container span {
    font-family: 'promptmedium';
    font-size: 2.4rem;
    display: block;
    text-align: center;
}

.history-img {
    position: relative;
    /*padding: 0;*/
}

.history-detail {
    margin-top: 5px;
    font-size: 1.4rem;
    /*    padding-left: 20px;
    border-left: 1px solid #000;*/
}

.history-section ol {
    padding-left: 15px;
}

.history-container {
    position: relative;
}

/*.history-container::after {
    content: '';
    position: absolute;
    left: 8px;
    width: 4px;
    height: 84px;
    background: #ddd;
}*/

.history-container {
    padding: 20px 15px;
}

.history-wrapper {
    position: relative;
}

.history-line {
    position: absolute;
    left: 30px;
    width: 4px;
    height: 80%;
    background: #ddd;
    top: 10%;
}


.history-item {
    padding: 0 15px;
}

/********** Staff **********/

#staff-regis {
    background-image: url(../images/staffregis-bg02.jpg);
    background-position: center;
    background-size: cover;
    padding: 80px;
    color: #fff;
}

#staff-regis h2 {
    color: #fff;
}

#staff-regis a {
    color: #f47820;
}

/********** Village **********/

#village .row {
    padding: 0;
    margin: 0;
}

.col-village {
    padding: 0;
}

/********** products **********/

.products-detail-container .heading-section {
    margin-top: 15px;
}

.products-item img {
    border-bottom: 1px solid #efefef;
}

.products-item ul {
    padding-left: 0;
    list-style-type: none;
}

.products-item li {
    margin-bottom: 5px;
}

.products-item p {
    margin-bottom: 5px;
}

.products-item .card-body {
    padding: 15px;
    min-height: 280px;
}

.products-item .price-text {
    margin-bottom: 15px;
}

/********** News **********/

#news {
    background: #eaebed;
}

.news-date {
    font-size: 1.5rem;
    color: #999;
}

.news-date strong {
    color: #000;
}

.causes-posted-date .news-date {
    margin-bottom: 0;
}

.at-resp-share-element .at-share-btn {
    margin-bottom: 0;
}

.raksthai-new {
    border-radius: 4px;
    /*
    padding: 8px;*/
}

.raksthai-new .card-body {
    padding: 1.6rem;
}

.raksthai-new .card-text {
    font-size: 1.4rem;
    line-height: 2.6rem;
    margin-bottom: 24px;
}

.raksthai-new .news-date {
    font-size: 1.4rem;
}

.raksthai-new h3 {
    font-size: 1.6rem;
}

.new-controlpanel {
    border-top: 1px solid #efefef;
    padding-top: 15px;
}

.content-container {
    margin: 48px 0;
    font-family: 'Sarabun', sans-serif;
}

.content-container strong {
    margin: 30px 0;
    font-family: 'Sarabun', sans-serif;
    font-weight: bold;
}

.content-container:first-child {
    margin-top: 0;
}

.content-container .heading-section {
    margin-bottom: 30px;
}

.content-container table {
    width: 99%;
}

.content-container td {
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.content-container h2 {
    margin-bottom: 5px;
}

.content-container h3 {
    font-size: 2rem;
    margin-bottom: 15px;
    line-height: 4rem;
}

.content-container h3:nth-child(1n) {
    margin-bottom: 0;
}

.content-container h3:nth-child(2n) {
    margin-bottom: 0;
}

.content-container p {
    font-size: 1.6rem;
    line-height: 3.6rem;
    margin-bottom: 0;
}

.content-container ul {
    padding-left: 15px;
}

.content-container ol {
    padding-left: 15px;
}

.content-container li {
    font-size: 1.5rem;
    line-height: 3rem;
    margin-bottom: 10px;
}

.articles-gallery-item {
    margin-bottom: 30px;
}

.content-row .content-container img {
    width: 100%;
}

.content-row {
    padding: 30px 0;
}

.content-row .content-container {
    margin: 0;
}

.content-row h2 {
    font-family: 'Sarabun', sans-serif;
    line-height: 4.8rem;
    margin-bottom: 15px;
}

.content-row table tr span {
    font-family: 'Sarabun', sans-serif !important;
}

.background-color {
    background: rgb(244, 117, 33);
    background: -moz-linear-gradient(90deg, rgba(244, 117, 33, 1) 0%, rgba(255, 154, 0, 0.9948179955575981) 100%);
    background: -webkit-linear-gradient(90deg, rgba(244, 117, 33, 1) 0%, rgba(255, 154, 0, 0.9948179955575981) 100%);
    background: linear-gradient(90deg, rgba(244, 117, 33, 1) 0%, rgba(255, 154, 0, 0.9948179955575981) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f47521", endColorstr="#ff9a00", GradientType=1);
    color: #fff;
}

.background-color h2 {
    color: #fff;
}

.background-content {
    padding: 40px 0;
}

.background-content .content-container {
    margin: 0;
}

.background-content h2 {
    margin: 15px 0;
    font-size: 3.2rem;
    line-height: 4.8rem;
    font-family: 'Sarabun', sans-serif;
}

.background-image {
    background-image: url(../images/bg-test.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}

.big-quote {
    color: #333;
    font-size: 3.2rem;
    font-family: 'Sarabun', sans-serif;
}

.background-color .big-quote {
    color: #fff;
}

/*other category*/

.other-category {
    padding: 80px 0;
}

.other-category .blog-item-heading {
    margin-top: 15px;
    color: #333;
}

.blog-gallery-item {
    margin-bottom: 15px;
}

.blog-gallery-item {
    padding-left: 0;
}

.summary-container .btn {
    margin-top: 15px;
    display: inline-block;
}

.summary-container ul {
    list-style-type: none;
    padding-left: 0;
}

.social-container {
    margin: 15px 0 30px;
}

.social-container-causes {
    margin: 0;
}

.news-btn-section {
    border-top: 1px solid #ddd;
    margin-top: 30px;
    padding-top: 15px;
}

.news-btn-section .btn {
    color: #000;
    padding: 0;
}

.news-btn-section .btn:hover {
    color: #f47521;
}

/********** Brands Logo **********/

.brand-item img {
    padding: 15px;
}

/********** Donate Modal **********/

.donate-container {
    background: #fff;
    /*margin: 30px;*/
    padding: 30px;
}

.donate-container .heading-section {
    margin-bottom: 10px;
}

.donate-container .heading-section h3 {
    margin-bottom: 0;
    font-size: 2.2rem;
}

.donate-container .heading-section h3 span {
    font-family: 'promptlight';
}

.donate-container ul {
    padding-left: 0;
    width: 100%;
    text-align: left;
}

.donate-value-select ul li {
    display: inline-block;
    width: 23.5%;
}

.donate-row {
    margin-bottom: 20px;
}

.donate-row label {
    display: block;
    margin-bottom: 0;
}

.donate-container .btn-main {
    color: #fff !important;
    width: 100%;
}

.donate-value-select input {
    width: 100%;
    text-align: right;
}

.donate-container input:hover {
    border: 1px solid #f47521;
}

.donate-container input:active {
    border: 1px solid #f47521;
}

.donate-container input:focus {
    border: 1px solid #f47521;
}


.donate-value-select label {
    font-family: 'promptsemibold';
}

.donate-detail label {
    font-family: 'promptmedium';
}

.donate-btn-row {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #ddd;
}

.donate-top .navbar-top {
    display: none;
}

.donate-top .navbar {
    padding-top: 5px;
    padding-bottom: 5px;
}

.donate-container {
    background-image: url(../images/donate-test.jpg);
    background-size: cover;
    padding: 100px 0;
}

.donate-nav {
    margin-top: 30px;
}

#formContent {
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    background: #fff;
    padding: 30px;
    width: 90%;
    max-width: 480px;
    position: relative;
    -webkit-box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
}

.process-text {
    color: #000;
    text-align: left;
    margin: 0 auto 5px;
}

.process-text span {
    font-family: 'promptsemibold';
    color: #f47521;
}

.back-previouspage {
    color: #999;
    display: block;
    text-align: center;
    font-family: 'promptmedium';
    margin: 15px auto 0;
    text-decoration: underline;
}

.back-previouspage .fa {
    font-size: 1.8rem;
    position: relative;
    top: 2px;
}

#donate input[type="checkbox"] {
    margin-top: 8px;
}

#donate .form-check label {
    margin-left: 5px;
}

.select2-container {
    width: 100% !important;
}

.flag-text {
    margin-left: 10px;
}

.select2-container .select2-selection--single {
    height: 40px;
    border-radius: 0;
    border: 1px solid #ced4da;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

.payment-method {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin-right: 15px;
    border: 2px solid #ddd;
    text-align: center;
    padding: 10px;
}

.payment-method:hover {
    border: 2px solid #febd12;
    cursor: pointer;
}

.method-selected {
    border: 2px solid #febd12;
}

.payment-method:last-child {
    margin-right: 0;
}

.payment-method h3 {
    font-size: 1.4rem;
    margin-top: 5px;
}

.payment-method img {
    max-width: 48px;
    display: block;
    margin: 0 auto;
}

.project-thumbnail {
    border-radius: 10px;
    padding: 15px;
    background: #fff;
}

.project-thumbnail .heading-section h3 {
    font-size: 1.8rem;
}

.project-thumbnail img {
    margin-bottom: 15px;
}

.project-thumbnail a {
    display: block;

    margin-top: 15px;
}

.donate-container {
    background-image: url(<?php echo $IMG_PATH; ?>images/donate-test.jpg);
}

#formContent {
    width: 100%;
    max-width: 100%;
}

#formContent .heading-section {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

/*Donate Success*/

#formContent .fa-check-circle {
    font-size: 5.6rem;
    margin-bottom: 10px;
    color: #1fa67a;
}

#formContent .fa-info-circle {
    font-size: 5.6rem;
    margin-bottom: 10px;
    color: #D2A60B;
}

#formContent .fa-times-circle {
    font-size: 5.6rem;
    margin-bottom: 10px;
    color: #EC1F23;
}

.heading-success span {
    font-family: 'promptmedium';
    font-size: 1.8rem;
}

.heading-success strong {
    font-family: 'promptmedium';
    font-size: 1.8rem;
}

.donate-success #formContent {
    max-width: 520px;
}

.social-container-donate {
    margin-top: 30px;
    margin-bottom: 0;
}

.social-container-donate label {
    font-family: 'promptmedium';
}

/*Donate Success*/

#causes {
    background: #eaebed;
}

.causes-overview p {
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    font-size: 1.4rem;
    line-height: 2.4rem;
}

.form-check-inline {
    margin-right: 3rem;
}

.form-check-inline label {
    margin-left: 5px;
    cursor: pointer;
    font-size: 1.4rem;
    font-family: 'promptlight';
}

.donate-container button {
    -webkit-appearance: button;
    box-shadow: none;
    border: none;
    border-radius: 4px;
    padding: 8px 16px;
    cursor: pointer;
    font-family: 'promptsemibold';
    width: 100%;
}

.input-group-btn button {
    padding: 8px;
}

.donate-container button.selected {
    color: #fff;
    background: #febd12;
}

.donate-time ul li {
    width: 49.3%;
    display: inline-block;
    list-style-type: none;
}

.close-section {
    position: absolute;
    right: 0;
    top: 0;
    overflow: visible;
    z-index: 999;
    opacity: 0.8;
    border: none;
}

.close-section .btn {
    padding: 5px 12px;
    border-radius: 0;
}

.close-section .btn-secondary {
    background: #999;
}

.value-summary {
    padding-top: 15px;
    border-top: 1px solid #ddd;
    margin-top: 15px;
}

.value-summary-heading {
    font-family: 'promptsemibold';
}

.value-summary-text {
    font-size: 2rem;
    font-family: 'promptsemibold';
}

.value-summary-text span {
    margin-left: 5px;
    font-family: 'promptlight';
    font-size: 1.5rem;
}

/********** History **********/

#history-01 {
    background: #eaebed;
}

.history-card {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 1px 2px 5px #ddd;
    border-radius: 4px;
}

.summary-process .line-divider {
    margin: 15px 0;
}

.summary-process .form-group {
    margin-bottom: 0;
}

.summary-process .form-group p {
    margin-bottom: 0;
}

.summary-process .form-value p {
    margin-bottom: 0;
    font-family: 'promptsemibold';
    color: #f47521;
    font-size: 2rem;
}

.qrcode-popup-img {
    padding: 15px;
    margin-bottom: 15px;
    background: #efefef;
}

.qrmodal {
    max-width: 360px;
}

.qrmodal img {
    width: 240px;
    padding: 5px;
    background: #efefef;
    margin: 0 auto;
    display: block;
}

.qrmodal .modal-header .close {
    padding: 0.5rem 1rem;
}

.qrcode-detail-container p:last-child {
    margin-bottom: 0;
}

.qrmodal a {
    display: block;
    text-align: center;
    margin: 0 auto;
}

/********** Events **********/

#events {
    background: #eaebed;
}


.event-card {
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 15px;
}

.event-item {
    padding: 15px 0 0;
}

.event-item h3 {
    margin-bottom: 15px;
    font-size: 1.8rem;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}

.event-item ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 10px;
}

.event-item li {
    display: inline-block;
}

.event-item li strong {
    display: inline-block;
}

.event-item li p {
    display: inline-block;
}

.event-item .viewmore {
    margin-top: 20px;
    display: block;
    color: #f47521;
}

.event-info {
    padding: 0 15px;
}

.event-info p {
    margin-bottom: 0;
}

.event-detail li {
    margin-right: 30px;
}

.event-detail li .fa {
    color: #f47521;
}

.event-detail-container {
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 5px 0;
}

.event-detail-content {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.event-detail-content .fa {
    color: #f47521;
}

.event-detail-content li {
    display: inline-block;
    width: 38%;
    margin-bottom: 0;
    vertical-align: top;
}

.event-detail-content li:last-child {
    margin-bottom: 0;
    width: 22%;
}

.event-detail-content strong {
    display: block;
}

.event-detail-content p {
    margin-bottom: 0;
    font-size: 1.4rem;
}

.tag-container {
    margin-top: 30px;
}

.tag-container a {
    color: #fff;
}

/********** Sidebar **********/

.sidebar {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}

.sidebar-event-content {
    margin-top: 66px;
}

.sidebar-event-content .sidebar-item {
    float: none;
}

.sidebar .heading-section {
    margin-bottom: 0;
    padding: 0;
}

.sidebar h3 {
    color: #fff;
    font-size: 1.6rem;
    margin-bottom: 0;
    padding: 0;
}

.sidebar-item {
    padding: 15px;
    border-bottom: 1px solid #efefef;
}

.sidebar-item:last-child {
    border-bottom: none;
}

.sidebar-item .fa {
    font-size: 1.2rem;
}

.sidebar a {
    color: #000;
    font-size: 1.4rem;
}

.sidebar-header {
    background: #f47521;
    padding: 15px;
}

/********** CSR **********/

#highlight {
    background: #fff;
}

.top-right-csr {
    margin-bottom: 30px;
}

.csr-large-container {
    padding-right: 0;
}

.csr-small-container {
    position: relative;
}

.csr-large-container > a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 9;
}

.csr-small-container > a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 9;
}

.csr-large-img {
    position: relative;
    background-image: url(../images/csr-01.jpg);
    background-repeat: no-repeat;
    height: 540px;
    width: 100%;
    background-size: cover;
}

.csr-topsmall-img {
    position: relative;
    background-image: url(../images/csr-02.jpg);
    background-repeat: no-repeat;
    height: 260px;
    width: 100%;
    background-size: cover;
    margin-bottom: 20px;
}

.csr-btmsmall-img {
    position: relative;
    background-image: url(../images/csr-03.jpg);
    background-repeat: no-repeat;
    height: 260px;
    width: 100%;
    background-size: cover;
}

.csr-item-content {
    width: 100%;
    z-index: 8;
    min-height: 105px;
    padding: 30px;
    text-align: center;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #1c1c1b);
    background-image: linear-gradient(to bottom,
            rgba(0, 0, 0, 0),
            #1c1c1b);
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: left;
    font-size: 16px;
}

.csr-item-content a {
    color: #fff;
    font-size: 2rem;
}

.csr-item-heading {
    margin-bottom: 0;
}

.csr-item-content .date-text {
    margin-bottom: 5px;
    font-size: 1.5rem;
}

.csr-img:hover {
    opacity: 0.8;
    cursor: pointer;
}

/********** Career **********/

.career-item {
    cursor: pointer;
}

.career-item > h3 {
    margin-top: 15px;
}

/********** Gallery **********/

.nav-fill .nav-item {
    text-align: left;
    width: 160px;
}

#tabs .nav-link {
    padding: 10px !important;
    line-height: 2.4rem;
    font-size: 1.5rem;
    text-align: center;
}

#tabs .nav-link img {
    max-width: 28px;
    text-align: center;
    margin: 0 auto 5px;
    display: block;
}

.nav-tabs .nav-item {
    margin-right: 0;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background: #f47521;
    border: none;
    color: #fff;
    border-radius: 8px 8px 0 0;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-radius: 8px 8px 0 0;
}

.tab-content {
    padding: 30px 0 0 0;
}

.datepicker-days {
    padding: 15px;
}

.datepicker table {
    color: #fff;
    font-size: 1.5rem;
}

.datepicker td,
.datepicker th {
    width: 40px;
}

.datepicker th {
    font-family: 'promptmedium';
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #fff;
}

.datepicker-dropdown.datepicker-orient-top::after {
    border-top: 6px solid #fa7322;
}

.datepicker-dropdown::after {
    border-bottom: 6px solid #fa7322;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-image: none;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #fdb913;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #fdb913;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-image: none;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    color: #f47521;
}

/********** Footer **********/

footer {
    background: #313233;
    color: #fff;
    padding: 60px 0;
}

footer a {
    color: #fff;
}

.footer-col h3 {
    margin-bottom: 20px;
}

.footer-col-list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.footer-col-list li {
    font-size: 1.4rem;
    margin-bottom: 8px;
}

.footer-col-list li:last-child {
    margin-bottom: 0;
}

.footer-col h3 {
    color: #fff;
}

.footer-col-address ul {
    list-style-type: none;
    padding-left: 0;
}

.footer-col-address ul li {
    display: inline-block;
}

.footer-col-address ul li img {
    max-width: 32px;
}

.footer-col-address li ul li {
    margin-bottom: 0;
}

.footer-col-address li {
    margin-right: 5px;
    margin-bottom: 15px;
}

.footer-col-address li a {
    color: #fff;
}

.copyright {
    background: #313233;
    border-top: 1px solid #979797;
    color: #fff;
    padding: 10px 0;
    font-size: 1.4rem;
}

.copyright a {
    color: #fff;
}

.copyright p {
    display: inline-block;
    margin: 0 5px;
}

/********** Contact **********/

.contact-card {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    font-size: 1.5rem;
}

.contact-card:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.contact-card ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.contact-card li {
    margin-bottom: 10px;
}

.contact-card a {
    color: #f47521;
    text-decoration: underline;
    font-family: 'promptmedium';
}

.contact-card strong {
    display: inline-block;
    vertical-align: top;
    font-weight: normal;
    width: 18%;
    color: #000;
}

.contact-card p {
    display: inline-block;
    margin-bottom: 0;
    width: 75%;
}

.contact-card .fa {
    color: #f47521;
    font-size: 2rem;
    margin-top: -8px;
}

.contactform-noted {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.contactform-noted li {
    margin-bottom: 10px;
    font-size: 1.4rem;
    line-height: 2.4rem;
}

.form-container {
    background-image: url(../images/form-bg.jpg);
    background-size: cover;
    padding: 30px;
    position: relative;
    color: #fff;
    border-radius: 4px;
}

.form-container .btn {
    width: 100%;
    margin-top: 15px;
    border-radius: 0;
}

.form-container .btn:hover {
    color: #f47521 !important;
}

.form-container .heading-section h3 {
    color: #fff;
}

.form-group label {
    font-size: 1.4rem;
    margin-bottom: 0;
    font-family: 'promptmedium';
}

.form-group textarea {
    height: 140px;
}

.form-control {
    height: 40px;
    border-radius: 0;
    font-size: 1.6rem;
    color: #000;
}

.form-control:focus {
    box-shadow: none;
    border: 1px solid #dddddd;
}

.contact-map {
    line-height: 0;
}

.contact-map .container-fluid {
    padding: 0;
    margin: 0;
}

#accordion {
    margin-bottom: 30px;
}

#accordion .btn {
    padding-left: 0;
    padding-right: 0;
    color: #333;
    width: 100%;
    text-align: left;
    white-space: normal;
}

#accordion .btn:hover {
    text-decoration: none;
}

#accordion .btn .fa {
    float: right;
    font-size: 2.4rem;
    color: #333;
    margin-left: 15px;
}

#accordion .card-header {
    background: #fff;
}

#accordion .card-header:hover {
    background: #efefef;
}

#accordion .card-body ul {
    list-style-type: none;
}

#accordion .btn {
    padding: 20px;
    height: 100%;
}

[data-toggle="collapse"] .fa:before {

    content: "\f13a";
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f139";
}

/********** Volunteer **********/

.volunteer-img img {
    border-radius: 4px;
}

.volunteer-form .form-group {
    margin-bottom: 15px;
}

.volunteer-content {
    background: #efefef;
}

.volunteer-form .btn {
    width: 100%;
    margin-top: 15px;
}

.volunteer-form a {
    color: #fff !important;
}

.volunteer-item h3 {
    margin-top: 15px;
    line-height: 2.8rem;
}

.multiselect-native-select .btn-group span {
    width: 100%;
    display: block;
    text-align: left;
}

.multiselect-native-select .btn-group,
.btn-group-vertical {
    width: 100%;
    display: block;
}

.custom-select {
    height: 40px;
}

.multiselect-container .multiselect-option .form-check-label {
    margin-left: 10px;
    position: relative;
    top: -3px;
}

.multiselect-container .multiselect-option {
    padding: 5px;
}

.multiselect-container .multiselect-option:hover {
    background: #ffbc00;
}

.multiselect-container {
    width: 100%;
}

.volunteer-check .form-check {
    margin: 15px 0;
}

.volunteer-check .form-check label {
    margin-left: 5px;
}

.volunteer-check .form-check label strong {
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 2.2rem;
    font-family: 'promptlight';
    position: relative;
    top: -3px;
    cursor: pointer;
}

.volunteer-divider .line-divider {
    margin: 0;
}

/********** Annual Reports **********/

#annualModal .form-check-label {
    margin-bottom: 0;
    margin-left: 15px;
    margin-top: -5px;
}

.report-item {
    position: relative;
}

.report-item .year-container {
    z-index: 99;
    background: rgba(244, 117, 33, 0.9);
}

.report-item .img-wrapper {
    box-shadow: 1px 3px 5px #ddd;
    border: 1px solid #ddd;
}

.report-item img {
    padding: 30px;
    background: #e5e5e5;
    max-width: 350px;
}

.report-item h3 {
    margin-top: 5px;
    margin-bottom: 15px;
}

.btn-outline-inverted {
    background: none;
    border: 1px solid #f47521;
    color: #f47521;
}

.form-select {
    margin-bottom: 30px;
}

.form-select-label {
    font-size: 1.6rem;
}

/********** Projects **********/

.projects h2 {
    margin-bottom: 10px;
}

.projects img {
    width: 100%;
}

.projects .container-fluid {
    padding: 0;
}

.project .row {
    z-index: 99;
}

.projects a {
    color: #f47521;
    margin-top: 20px;
    display: block;
}

.projects .align-self-center {
    padding: 0;
}

.projects-about {
    padding: 80px 0;
}

.projects-about ol {
    padding-left: 15px;
    font-family: 'promptmedium';
}


.projects-img-bg {
    padding: 40px 80px !important;
    background-image: url(../images/bg-project.jpg);
    background-size: cover;
    color: #fff;
}

.projects-img-main {
    padding: 40px 80px !important;
}

/* ---- particles.js container ---- */

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(253, 185, 19, 1) 0%, rgba(244, 117, 33, 1) 100%);
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

#particles-js2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(253, 185, 19, 1) 0%, rgba(244, 117, 33, 1) 100%);
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    top: 0;
}

#particles-js3 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(253, 185, 19, 1) 0%, rgba(244, 117, 33, 1) 100%);
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    top: 0;
}

/********** Vision **********/

.vision-container {
    margin-bottom: 0;
}

.vision-container span {
    color: #f47521;
    font-family: 'promptmedium';
}

.vision-container h2 {
    font-family: 'promptsemibold';
    font-size: 2.6rem;
    text-decoration: underline;
}

.vision-container h3 {
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-family: 'promptlight';
    padding: 0 100px;
}

.vision-image {
    margin-top: 30px;
}

#mission #particles-js {
    top: 0;
}

.values-item {
    background-size: cover;
    border-radius: 8px;
    color: #fff;
    background-position: top right;
}

.values-detail {
    padding: 40px 30px;
    min-height: 440px;
    max-height: 440px;
}

.values-detail-top {
    min-height: 340px;
}

.values-detail img {
    max-width: 64px;
    margin: 0 auto 15px;
}

.values-care {
    background-image: url(../images/vision-care-bg03.jpg);
}

.values-leadership {
    background-image: url(../images/vision-care-bg03.jpg);
}

.values-item h3 {
    color: #fff;
    font-size: 2.2rem;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #efefef;
}

/********** Board **********/

.board-item {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    max-height: 408px;
    overflow: hidden;
    border-radius: 4px;
}

.board-item .img-wrapper {
    border-radius: 4px;
}

.board-detail {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(244, 117, 33, 0.85);
    color: #fff;
    padding: 10px 15px;
}

.board-detail h3 {
    color: #fff;
    margin-bottom: 0;
}

.board-detail p {
    color: #fff;
    margin-bottom: 0;
}

.board-detail a .fa {
    font-size: 2.4rem;
    color: #fff;
}

.ceo-container {
    width: 100%;
    height: 100%;
    /*background: #f47521;
    background-image: url(../images/bg-board-02.jpg);*/
    background-size: cover;
    background: #e46f22;
    color: #fff;
    padding: 40px 60px;
    border-radius: 4px;
}

.ceo-container h2 {
    color: #fff;
    margin-bottom: 5px;
}

.ceo-container .board-title {
    margin-bottom: 0;
    font-size: 1.8rem;
    /* border-bottom: 1px solid #fff; padding-bottom: 15px; margin-bottom: 15px;*/
}

.ceo-container ul {
    list-style-type: none;
    padding-left: 20px;
}

.board-bio-heading {
    margin-bottom: 24px;
    margin-top: 40px;
    color: #fff;
    text-decoration: underline;
    font-size: 1.6rem;
    width: 100%;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}

ul.timeline:before {
    content: ' ';
    background: #efefef;
    display: inline-block;
    position: absolute;
    left: 7px;
    width: 2px;
    height: 90%;
    z-index: 400;
    opacity: 0.5;
}

ul.timeline > li {
    margin: 15px 0;
    padding-left: 10px;
}

ul.timeline > li:before {
    content: ' ';
    background: #fdb913;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #fff;
    left: 0;
    width: 16px;
    height: 16px;
    z-index: 400;
}

ul.timeline p {
    position: relative;
    top: -5px;
}

.modal-board {
    max-width: 960px;
}

.modal-board .modal-body {
    padding: 0;
}

.modal-board .ceo-name-title h2 {
    font-size: 2.8rem;
}

.modal-board .board-bio-heading {
    color: #000;
    margin-top: 20px;
    font-size: 1.5rem;
}

.modal-board ul.timeline {
    padding-left: 15px;
    padding-right: 30px;
}

.modal-board ul.timeline p {
    font-size: 1.4rem;
}

.modal-board ul.timeline::before {
    content: ' ';
    background: #ddd;
    display: inline-block;
    position: absolute;
    left: 7px;
    width: 2px;
    height: 83%;
    z-index: 400;
    opacity: 0.5;
}

.modal-board ul.timeline > li::before {
    content: ' ';
    background: #f47521;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #ddd;
    left: 0;
    width: 16px;
    height: 16px;
    z-index: 400;
}

.modal-board ul.timeline > li {
    margin: 10px 0;
}

.modal-board-detail {
    padding-left: 30px;
}

/********** Map Multiple Pins **********/

.gm-style .gm-style-iw-c {
    background: #f47521;
    border: 1px solid #fff;
    color: #fff;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.gm-style .gm-style-iw-c h3 {
    color: #fff;
}

.gm-style .gm-style-iw-c a {
    color: #fff;
    margin-bottom: 0;
    text-decoration: underline;
    font-family: 'promptlight';
}

.gm-style .gm-style-iw-c p {
    color: #fff;
    margin-bottom: 0;
}

.gm-style .gm-style-iw-t::after {
    background: linear-gradient(45deg, rgb(244, 117, 33) 50%, rgba(244, 117, 33) 51%, rgba(244, 117, 33) 100%);
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.gm-style .gm-style-iw-d {
    overflow: auto !important;
    padding: 20px;
}

/*#map-canvas {
    width: 100%;
    height: 380px;
}

#map-canvas-left,
#map-canvas-right {
    min-height: 300px;
    width: 300px;
}

.working-areas-map {
    width: 100%;
    height: 800px !important;
}

#iw_container .iw_title {
    font-size: 16px;
    font-weight: bold;
}

.iw_content {
    padding: 5px 0 15px 0;
}

.infoimage {
    display: block;
}

.gm-style-iw-d {
    overflow-y: hidden !important;
    max-height: 250px !important;
}

.gm-ui-hover-effect img {
    filter: brightness(0) invert(1) !important;
}

.iw_title img {
    margin: 10px 0 0;
}

.gm-style .gm-style-iw-c {
    background: #f47521;
    color: #fff;
    font-family: 'promptmedium';
    max-height: 300px !important;
}

.gm-style .gm-style-iw-t::after {
    background: linear-gradient(45deg, rgb(244, 117, 33) 50%, rgba(244, 117, 33, 0) 51%, rgba(244, 117, 33, 0) 100%) !important;
}

.iw_content br:first-child {
    display: none;
}*/

.working-areas-projects h3 {
    font-size: 1.6rem;
}

#working-areas #projects-section .whatwehelp-item {
    filter: grayscale(100%);
}

#working-areas #projects-section .whatwehelp-item:hover {
    filter: none;
    text-decoration: none;
    cursor: pointer;
}

#working-areas #projects-section .whatwehelp-item-active {
    filter: none;
}

/********** Stories **********/

.large-left {
    padding-right: 0;
}

.large-right {
    padding-left: 0;
}

.stories-small-container {
    position: relative;
}

.stories-large-container > a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 9;
}


.stories-small-container > a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 9;
}

.stories-large-img {
    position: relative;
    background-image: url(../images/project-image-06.jpg);
    background-repeat: no-repeat;
    height: 540px;
    width: 100%;
    background-size: cover;
}


.stories-topsmall-img {
    position: relative;
    background-image: url(../images/project-image-03.jpg);
    background-repeat: no-repeat;
    height: 260px;
    width: 100%;
    background-size: cover;
    margin-bottom: 20px;
}

.stories-btmsmall-img {
    position: relative;
    background-image: url(../images/project-image-02.jpg);
    background-repeat: no-repeat;
    height: 260px;
    width: 100%;
    background-size: cover;
}

.stories-large-img-02 {
    background-image: url(../images/project-image-01.jpg);
}


.stories-topsmall-img-02 {
    background-image: url(../images/project-image-04.jpg);
}

.stories-btmsmall-img-02 {
    background-image: url(../images/project-image-05.jpg);
}

.stories-item-content {
    width: 100%;
    z-index: 8;
    min-height: 105px;
    padding: 30px;
    text-align: center;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
    background-image: linear-gradient(to bottom,
            rgba(0, 0, 0, 0), #000);
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: left;
    font-size: 16px;
}

.stories-item-content a {
    color: #fff;
    font-size: 2rem;
    vertical-align: bottom;
    display: inline-block;
}

.stories-item-heading {
    margin-bottom: 0;
    line-height: 2.8rem;
}

.stories-item-heading span {
    margin-right: 10px;
    color: #fdb913;
}

.stories-item-content .sp-text {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 2.2rem;
}

#storytelling a > .stories-img:hover {
    opacity: 0.8;
    transform: scale(1.2);
    transition: all .5s;
    cursor: pointer;
}

#storytelling .content-divider {
    margin-bottom: 15px;
}

.gallery-item-content {
    width: 100%;
    z-index: 8;
    padding: 30px;
    text-align: center;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
    background-image: linear-gradient(to bottom,
            rgba(0, 0, 0, 0), #000);
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: left;
    font-size: 16px;
}

.gallery-item-content a {
    color: #fff;
    font-size: 1.6rem;
    vertical-align: bottom;
    display: inline-block;
}

/********** Career **********/

.career-accordion .btn {
    padding-left: 0;
    padding-right: 0;
    color: #000;
    width: 100%;
    text-align: left;
    white-space: normal;
}

.career-accordion .btn .fa {
    float: right !important;
    font-size: 1.8rem !important;
    color: #f47521 !important;
    margin-top: 4px;
}

.career-accordion .card-body ul {
    list-style-type: none;
    padding-left: 30px;
}

[data-toggle="collapse"] .fa:before {
    content: "\f056";
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f055";
}

.career-accordion .card-header {
    border-bottom: none;
}

.career-accordion .card {
    margin: 15px 0;
}

.career-accordion .card:first-child {
    margin-top: 0;
}

.career-accordion .card:last-child {
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.career-accordion .card-body {
    padding: 20px 30px;
    border-top: 1px solid #ddd;
}

.career-accordion .job-detail-item {
    border-bottom: 1px solid #efefef;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 1.4rem;
}

.career-accordion .job-detail-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.career-accordion .job-detail-item p {
    margin-bottom: 0;
}

.career-accordion .job-detail-item ul {
    list-style-type: none;
    padding-left: 15px;
}

.career-accordion .job-detail-item li {
    /*display: inline-block;*/
    list-style-type: disc;
}

.career-accordion .job-detail-item .fa {
    font-size: 1.2rem;
    margin-right: 5px;
    color: #f47521;
}

.job-detail-item ul {
    padding-left: 15px;
}

.stories-content img {
    text-align: left;
    width: 100%;
}

.st-container h2 {
    font-size: 2.8rem;
}

.st-container {
    margin-bottom: 48px;
}

.causes-content img {
    width: 100%;
}

.causes-content-cvpage {
    background-image: url(../images/bg-project.jpg);
    background-size: cover;
    padding: 100px 0;
}

/*category button*/

.category-btn ul {
    padding-left: 0;
}

.category-btn {
    margin-top: 40px;
}

.category-btn ul li {
    display: inline-block;
}

.category-btn .btn-main {
    color: #fff !important;
}

.category-btn .btn-outline {
    border: 1px solid #ccc;
    color: #f47521;
}

.category-btn .btn-outline:hover {
    border: 1px solid #999;
}

.category-btn .btn-active {
    background: #f58f50;
}

.project-controlpanel .fa {
    font-size: 1.8rem;
    color: #f47521;
}

.project-controlpanel .btn-outline {
    border: 1px solid #f47521;
    color: #f47521;
    width: 100%;
    padding: 10px 0;
}

/********** Cookies **********/

/*Cookies*/

.cookiealert {
    font-size: 1.6rem;
    padding: 30px 0;
}

.cookiealert .btn {
    padding: 10px 15px;
    background: #f47521;
    border: none;
}

.cookiealert .btn:hover {
    background: #f47521;
}

.cookiealert .settingcookies {
    background: #ddd;
    color: #333;
}

.cookiealert .settingcookies:hover {
    background: #ccc;
    color: #333;
}

.pdpa-table th {
    padding: 15px;
}

.pdpa-table td {
    padding: 15px;
}

.pdpa-table td:first-child {
    border-left: 2px solid #ddd;
}

/********** Newsletter **********/

.newsletter {
    margin-top: 15px;
}

.newsletter .content {
    max-width: 650px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    z-index: 2;
}

.newsletter .content label {
    margin-bottom: 0;
}

.newsletter .content .form-control {
    height: 50px;
    border-color: #ffffff;
    border-radius: 0;
}

.newsletter .content .input-group {
    border-radius: 4px;
    overflow: hidden;
}

.newsletter .content.form-control:focus {
    box-shadow: none;
    border: 2px solid #f47521;
}

.newsletter .content .btn {
    min-height: 50px;
    border-radius: 0;
    background: #f47521;
    color: #fff;
    padding: 10px 20px;
}

.newsletter .content .btn:hover {
    background: #f58f50;
}

.newsletter .content p {
    font-size: 1.2rem;
    color: #f47521;
}

/********** Bank Detail **********/

.bank-detail-container .heading-section {
    margin-bottom: 15px;
}

.bank-detail-item {
    padding: 15px 5px;
    margin-bottom: 15px;
    background: #efefef;
}

.bank-detail-item:last-child {
    margin-bottom: 0;
}

.project-thumbnail .bank-detail-item img {
    margin-bottom: 0;
}

.project-thumbnail .bank-detail-item h3 {
    font-size: 1.6rem;
    margin-bottom: 5px;
}

.project-thumbnail .bank-detail-item strong {
    display: inline-block;
}

.project-thumbnail .bank-detail-item p {
    margin-bottom: 0;
    display: inline-block;
}

.transfer-detail {
    padding: 15px;
}

.transfer-detail strong {
    display: inline-block;
}

.transfer-detail a {
    display: inline-block;
    margin-top: 0;
}

/********** Cart **********/

.navbar-icon-top {
    display: inline-block;
}

.navbar-icon-top .nav-link {
    padding: 0 !important;
}

.navbar-icon-top li {
    display: inline-block;
    padding: 0 15px 0 0 !important;
    border-right: 1px solid #ddd;
}

.navbar-icon-top .navbar-nav .nav-link > .fa {
    position: relative;
    width: 36px;
    font-size: 24px;
}

.navbar-icon-top .navbar-nav .nav-link > .fa > .badge {
    font-size: 0.75rem;
    position: absolute;
    right: 0;
    font-family: sans-serif;
    background: #f47521;
}

.navbar-icon-top .navbar-nav .nav-link > .fa {
    top: 3px;
    line-height: 12px;
}

.navbar-icon-top .navbar-nav .nav-link > .fa > .badge {
    top: -10px;
}

/*Shopping Cart*/

.quantity {
    float: left;
    margin-right: 15px;
    background-color: #eee;
    position: relative;
    width: 100%;
    overflow: hidden
}

.quantity input {
    margin: 0;
    text-align: center;
    width: 15px;
    height: 15px;
    padding: 0;
    float: right;
    color: #000;
    font-size: 20px;
    border: 0;
    outline: 0;
    background-color: #F6F6F6
}

.quantity input.qty {
    position: relative;
    border: 0;
    width: 100%;
    height: 40px;
    padding: 10px 25px 10px 10px;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    border-radius: 0;
    background-clip: padding-box;
}

.quantity .minus,
.quantity .plus {
    line-height: 0;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-background-size: 6px 30px;
    -moz-background-size: 6px 30px;
    color: #bbb;
    font-size: 20px;
    position: absolute;
    height: 50%;
    border: 0;
    right: 0;
    padding: 0;
    width: 25px;
    z-index: 3
}

.quantity .minus:hover,
.quantity .plus:hover {
    background-color: #dad8da
}

.quantity .minus {
    bottom: 0
}

.shopping-cart {
    border: none;
    background: none;
}

.shopping-cart .card-header {
    background: #f47521;
    border-radius: 8px 8px 0 0;
}

.shopping-cart .card-header h3 {
    color: #fff;
    display: inline-block;
}

.shopping-cart .card-header .btn {
    border: 1px solid #fff;
    color: #fff;
}

.shopping-cart .card-header .btn:hover {
    background: #fff;
    color: #f47521;
}

.shopping-cart .total-text {
    margin: 0;
}

.shopping-cart .total-text h3 {
    display: inline-block;
    margin-bottom: 0;
}

.shopping-cart .total-text p {
    display: inline-block;
    margin-bottom: 0;
}

.shopping-cart p {
    margin-bottom: 0;
}

.shopping-cart .card-body {
    background: #fff;
}

.shopping-cart .card-footer {
    background: #fff;
    border-radius: 0 0 8px 8px;
}

/*.shopping-cart hr:last-child{
    display: none;
}*/

.card-footer .back-previouspage {
    margin-top: 0;
    margin-left: 0;
    text-align: left;
}

.delete-products .btn {
    padding: 8px;
}

.delete-product .btn:hover {
    background: none;
    color: #db3545;
    opacity: 0.8;
}

.row-heading .row-price h4 {
    width: 100%;
    text-align: right;
}

.row-heading .row-price {
    text-align: right;
}

.shopping-payment .payment-method {
    margin-right: 13px;
    min-height: 140px;
}

.shopping-payment .payment-method:last-child {
    margin-right: 0;
}

.shopping-address-item {
    padding: 15px;
}

.shopping-address-item ul {
    list-style-type: none;
    margin-bottom: 0;
}

.shopping-address-item strong {}

.price-mb {
    display: none;
}

.product-select-container .btn-outline {
    color: #f47521 !important;
    border: 1px solid #f47521 !important;
    border-radius: 4px;
}

.product-select-container .btn-outline:hover {
    color: #ffffff !important;
    background: #f47521 !important;
}

.btn-number-left {
    border-radius: 4px 0 0 4px !important;
}

.btn-number-right {
    border-radius: 0 4px 4px 0 !important;
}

.float-panel-line {
    z-index: 99;
    position: fixed;
    bottom: 100px;
    right: 15px;
    display: none;
}

.float-panel-line img {
    border-radius: 8px;
}

#close {
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 0 10px;
    border-radius: 128px;
    background: #fff;
}

/********** News Index **********/

.what-wehelp-section {
    background: #f47521;
}

.what-wehelp-section h2 {
    color: #ffffff;
}

.what-wehelp-section h3 {
    color: #ffffff;
    position: absolute;
    bottom: 120px;
    width: 100%;
    text-align: center;
    z-index: 100;
    display: none;
}

.what-wehelp-section p {
    color: #ffffff;
}

.what-wehelp-section .viewmore {
    position: relative;
    top: 240px;
    text-align: center;
    width: 100%;
}

.what-wehelp-item {
    text-align: center;
    position: relative;
}

/*.what-wehelp-cover {
	width: 100%;
}*/

.what-wehelp-contain {
    position: relative;
    padding: 12px 10px;
    background: #ffffff;
    border-radius: 80px;
    width: 80px;
    margin: 0 auto;
    text-align: center;
    display: block;
    top: -40px;
}

.what-wehelp-item:hover .what-wehelp-environment {
    background: #7E9255;
}

.what-wehelp-item:hover .what-wehelp-child {
    background: #1A99D6;
}

.what-wehelp-item:hover .what-wehelp-woman {
    background: #CC595A;
}

.what-wehelp-item:hover .what-wehelp-health {
    background: #B782BA;
}

.what-wehelp-item:hover .what-wehelp-crisis {
    background: #E91E2C;
}

.what-wehelp-down {
    position: relative;
    top: 30px;
}

.what-wehelp-icon {
    max-width: 48px;
    margin: 0 auto;
}

/*
.what-wehelp-text {
    transition: opacity 150ms linear;
    opacity: 0;
    display: none;
    color: #333;
}
*/

.what-wehelp-text {
    color: #333 !important;
    display: inline-block;
    opacity: 1;
    position: absolute;
    left: 0;
    z-index: 9999;
    width: 100%;
    text-align: center;
    margin-top: -30px;
    font-family: 'promptmedium';
}

.row-whatwehelp {
    width: 100%;
    margin-bottom: -240px;
    z-index: 99;
    position: relative;
}

.what-wehelp-section .owl-carousel .owl-stage-outer {
    height: calc(100% + 30px);
    margin: -15px;
    padding: 15px;
    width: calc(100% + 30px);
    overflow: visible;
}

/********** News Stories **********/

.stories-row {
    margin-bottom: 30px;
}

.stories-row:last-child {
    margin-bottom: 0;
}

.stories-row h3 {
    font-size: 1.8rem;
}

.stories-row p {
    margin-bottom: 0;
    line-height: 2.4rem;
}

.stories-row .text-date {
    font-size: 1.4rem;
    margin-bottom: 10px;
}

.stories-row a {
    color: #333;
    font-family: 'promptmedium';
    margin-top: 5px;
    display: block;
}

.stories-tag {
    background: #ddd;
    border-radius: 8px;
    display: inline-block;
    font-size: 1.2rem;
    margin-bottom: 10px;
    padding: 0 10px;
    color: #333;
}

/********** News Board **********/

.tab-content-all {
    padding-top: 0;
}

.tab-content-all .tab-pane .st-sec {
    padding-top: 40px;
}

/********** Categories **********/

.whatwehelp-mb {
    display: none;
}

.cvpage-container {
    background: #dddddd;
}

.cvpage-container .container-fluid {
    padding: 0;
}

.cvpage-left {
    background: #dddddd;
    padding: 120px 80px;
    text-align: center;
}

.cvpage-right {
    padding: 0;
    width: 100%;
}

.cvpage-right img {
    width: 100%;
}

.projects-information {
    padding: 80px 0;
}

.projects-information-bg {
    background: #eaebed;
}

.projects-information-right {
    padding: 0 80px;
}

.projects-information-right h2 {
    margin-bottom: 15px;
    line-height: 4.2rem;
}

.projects-information-right .viewmore {
    margin-top: 30px;
    display: block;
    color: #f47521;
    text-decoration: underline;
}

.projects-information-right img {
    max-width: 80px;
    margin: 0 auto 15px;
    display: block;
}

.products-coverpage .col-lg-12 {
    padding: 0;
}

/*.products-detail-left h2{
	margin-bottom: 15px;
}*/

.products-detail-sidebar {
    padding: 15px;
    background: #efefef;
    border-radius: 4px;
}

.products-detail-sidebar ul {
    padding-left: 0;
    list-style-type: none;
}

.products-detail-sidebar img {
    max-width: 180px;
    margin: 15px auto 0;
    text-align: center;
    display: block;
}

.products-detail-gallery .js-img-viwer img {
    border-radius: 4px;
    overflow: hidden;
}

.working-areas-container {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 32px;
    /*background-image: url(../images/workingareas-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;*/
    background: #efefef;
}

.working-areas-container svg {
    max-width: 720px;
    margin: 0 auto;
    display: block;
    z-index: 99;
}

.select-area-container {
    position: absolute;
    left: 15px;
    top: 15px;
    padding: 15px;
    background: #ddd;
    border-radius: 24px;
    z-index: 100;
}

.select-area-container h3 {
    margin-bottom: 15px;
}

.select-area-container ul {
    padding-left: 0;
    list-style-type: none;
}

.select-area-container .form-check {
    padding-left: 0;
}

.select-area-container .form-check label {
    cursor: pointer;
}

.select-area-mb {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 0 15px;
    text-align: left;
}

.st2:hover {
    fill: #f47521;
    cursor: pointer;
}

.st-active {
    /*fill: #f47521 !important;*/
    fill: #E2D5CC;
}

.st-active:hover {
    fill: #1c1d30 !important;
}

.st2:hover {
    fill: #1c1d30 !important;
    cursor: pointer;
}

.caution-active {
    position: relative;
    fill: #f47521 !important;
}

.fundrising-active {
    fill: #f47521 !important;
}

.project-active {
    fill: #f47521 !important;
}

.checkbox_input {
    position: absolute;
    opacity: 0;
}

.checkbox_input + .checkbox_label {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-size: 1.4rem;
}

.checkbox_input + .checkbox_label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: white;
}

.checkbox_input:hover + .checkbox_label:before {
    background: #ecf0f1;
}

.checkbox_input:focus + .checkbox_label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.checkbox_input:checked + .checkbox_label:before {
    background: #f47521;
}

/*.checkbox_input1:checked + .checkbox_label1:before {
	background: #000000;
}

.checkbox_input2:checked + .checkbox_label2:before {
	background: #f4b223;
}

.checkbox_input3:checked + .checkbox_label3:before {
	background: #c30707;
}*/

.checkbox_input:checked + .checkbox_label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 12px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.caution-icon {
    position: absolute;
    top: 5px;
    left: 5px;
    max-width: 16px !important;
}

.modal-workingareas {
    min-width: 480px;
}

.modal-workingareas .modal-title {
    font-size: 2.4rem;
    background: none;
    border-bottom: none;
}

.modal-workingareas .project-progress {
    padding: 5px 0;
}

.modal-workingareas .project-progress h4 {
    margin-bottom: 5px;
}

.modal-workingareas .project-controlpanel {
    margin-top: 15px;
}

.modal-header .close {
    font-size: 3.6rem;
}

.modal-body {
    padding: 15px;
}

.modal-body h3 {
    font-size: 1.5rem;
    display: inline-block;
}

.intro-content {
    margin: 0 0 15px;
    border-bottom: 1px solid #efefef;
    font-size: 1.4rem;
    font-family: 'promptlight';
}

.work-type-container {
    margin-bottom: 15px;
}

.work-type-container:last-child {
    margin-bottom: 0;
}

.work-type-container img {
    max-height: 32px;
    display: inline-block;
    margin-right: 10px;
}

.modal-footer {
    padding: 15px !important;
    width: 100%;
    display: block;
}

.officeall-section {
    border-top: 1px solid #efefef;
}

.office-col h3 {
    margin-bottom: 24px;
    display: block;
    position: relative;
}

.office-col h3::after {
    width: 48px;
    height: 4px;
    margin: ;
    background: #f47521;
    content: '';
    display: block;
    margin-top: 8px;
}

.office-container {
    list-style-type: none;
    padding-left: 0;
}

.office-container li a {
    color: #333;
}

.office-location-inner {
    min-height: 220px;
}

/********** Owl with Arrow **********/
.main-content {
    position: relative;
}

.main-content .owl-theme .custom-nav {
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
}

.main-content .owl-theme .custom-nav .owl-prev,
.main-content .owl-theme .custom-nav .owl-next {
    position: absolute;
    height: 80px;
    color: inherit;
    background: none;
    border: none;
    z-index: 100;
}

.main-content .owl-theme .custom-nav .owl-prev i,
.main-content .owl-theme .custom-nav .owl-next i {
    font-size: 3rem;
    color: #fff;
}

.main-content .owl-theme .custom-nav .owl-prev {
    left: 0;
}

.main-content .owl-theme .custom-nav .owl-next {
    right: 0;
}

.main-content .owl-dots {
    margin-top: 15px;
}

.icon-arrow {
    max-width: 24px;
}

/********** News Products **********/

.products-rt-section .heading-section {
    margin-bottom: 0;
}

.products-rt-section .heading-section h2 {
    margin-bottom: 0;
}

.products-rt-inner {
    border: 1px solid #efefef;
    padding: 15px;
}

.products-rt-item img {
    margin-bottom: 15px;
}

.products-rt-item p {
    margin-bottom: 0;
}

.products-rt-item .price-txt {
    color: #f47521;
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: 15px;
}

.products-rt-item .fa {
    font-size: 1.8rem;
    color: #f47521;
}

.products-rt-detail-content img {
    margin-bottom: 15px;
    width: 100%;
}

.products-rt-detail-content .owl-gallery {
    margin-top: 30px;
}

.products-rt-detail-sidebar .products-detail-sidebar {
    border-radius: 0;
    padding: 30px;
}

.share-container {
    margin-top: 30px;
    margin-bottom: 15px;
    padding-top: 30px;
    border-top: 1px solid #efefef;
}
 .products-rt-item{
        margin-bottom: 30px;
    }
/********** Media Queries **********/

@media (min-width: 1367px) {}

@media (max-width: 1440px) {
    /*        .carousel-item{
        height: 560px;
    }*/
}

@media (min-width: 1440px) {

    #staff-regis {
        padding: 160px 0;
    }

    #staff-regis p {
        padding: 15px 400px;
    }

    .projects-img-bg {
        padding: 40px 160px !important;
    }

    .projects-img-main {
        padding: 40px 160px !important;
    }

    .donate-container {
        min-height: 800px !important;
    }
}

@media (min-width: 1360px) {
    .donate-container {
        min-height: 680px !important;
    }
}

@media all and (min-width: 992px) {

    /*
	.navbar .nav-item .dropdown-menu {
		display: block;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		margin-top: 0;
	}
	.navbar .dropdown-menu.fade-down {
		top: 80%;
		transform: rotateX(-75deg);
		transform-origin: 0% 0%;
	}
	.navbar .dropdown-menu.fade-up {
		top: 180%;
	}
	.navbar .nav-item:hover .dropdown-menu {
		transition: .3s;
		opacity: 1;
		visibility: visible;
		top: 100%;
		transform: rotateX(0deg);
	}
*/
    .modal-career-detail {
        max-width: 640px;
    }
}

@media (max-width:1400px) {
    .nav-link{
        font-size: 1.4rem;
    }
    .navbar-brand img {
        max-width: 180px;
    }
    .nav-wrapper .btn-donate-dt{
        padding: 12px 20px !important;
    }
}
@media (max-width:1288px) {
    .navbar-brand img {
        max-width: 150px;
    }

    .btn-donate-dt {
        padding: 12px 20px !important;
    }

    .nav-item {
        margin-right: 15px;
    }
}

@media (max-width:1199px) {
    .what-wehelp-item:hover .what-wehelp-text {
        display: none;
    }

    .what-wehelp-section .owl-carousel .owl-stage-outer {
        overflow: hidden;
    }

    .btn {
        padding: 10px 30px;
    }

    .nav-link {
        font-size: 1.4rem;
    }

    .nav-control li {
        font-size: 1.5rem;
    }

    .line-left {
        display: none;
    }

    .heading-section h2 span {
        width: 100%;
    }

    .history-container {
        padding: 20px 15px;
    }

    .history-wrapper .align-self-center {
        -ms-flex-item-align: none !important;
        align-self: none !important;
    }

    .brand-item img {
        padding: 10px;
    }

    .raksthai-new .news-date .fa {
        display: none;
    }

    .viewmore {
        font-size: 1.4rem;
    }

    .raksthai-new {
        padding: 0;
    }

    #tabs .nav-link img {
        max-width: 32px;
    }

    .report-item img {
        max-width: 100%;
    }

    .values-detail {
        min-height: 480px;
        max-height: 480px;
    }

    .values-detail-top {
        min-height: 370px;
    }

    .bank-detail-item {
        padding: 15px;
    }

    .project-thumbnail .bank-detail-item h3 {
        font-size: 1.4rem;
    }

    .project-thumbnail .bank-detail-item h3 span {
        display: none;
    }

    .bank-detail-item strong {
        font-size: 1.4rem;
    }

    .bank-detail-item p {
        font-size: 1.4rem;
    }

    .donate-container button {
        padding: 8px;
    }

    .shopping-payment .payment-method {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .shopping-payment .payment-method:last-child {
        margin-bottom: 0;
        margin-top: 0;
    }

    .cvpage-left {
        padding: 80px 40px;
    }

    .projects-information-right {
        padding: 0 40px;
    }

    .row-whatwehelp {
        margin-bottom: -360px;
    }

    .project-section {
        margin-top: 360px;
    }

    .what-wehelp-section .viewmore {
        top: 360px;
    }

    .what-wehelp-section .owl-theme .owl-nav.disabled + .owl-dots {
        margin: 15px 0;
    }

    .statistic-item h2 {
        font-size: 4.8rem;
        margin: 15px 0;
    }

    .statistic-item span {
        font-size: 1.4rem;
    }

    .products-detail-sidebar img {
        width: 100%;
    }

    .products-rt-detail-sidebar {
        margin-top: 30px;
    }

    .products-rt-detail-sidebar .products-detail-sidebar {
        padding: 0;
    }

    .products-rt-detail-sidebar .products-detail-sidebar {
        background: #efefef;
        padding: 30px;
    }

    .detail-qr-code {
        display: block;
        margin: 30px auto 0;
    }
}

@media (max-width:1188px) {
    .navbar-brand img {
        max-width: 120px;
    }

    .nav-wrapper .btn-donate-dt {
        padding: 10px !important;
        font-size: 1.4rem;
    }

    .nav-item {
        margin-right: 10px;
    }
    .nav-link{
        font-size: 1.3rem;
    }
    .nav-link span{
        display: none;
    }
}

/*New baner & Cover*/
/*News Banner*/
.main-banner {
    padding: 0;
}

.main-banner .carousel-mobile {
    display: none;
}

@media (max-width:767px) {
    .main-banner .carousel-desktop {
        display: none;
    }

    .main-banner .carousel-mobile {
        display: block;
    }

    .main-banner button:focus {
        outline: none;
    }
}

@media (max-width:576px) {
    .main-banner .carousel-desktop {
        display: none;
    }

    .main-banner .carousel-mobile {
        display: block;
    }

    .main-banner .carousel-mobile {
        margin-top: 30px;
    }

    .main-banner .nav-mobile-header .btn-donate-top {
        padding: 10px 15px;
    }
}

.main-banner .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-banner .item .cover {
    padding: 75px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
}

.main-banner .item .cover .header-content {
    position: relative;
    padding: 56px 0;
    overflow: hidden;
}

.main-banner .item .cover .header-content h2 {
    font-weight: 300;
    font-size: 4rem;
    color: #fff;
    line-height: 5.6rem;
}

.main-banner .item .cover .header-content h1 {
    font-size: 56px;
    font-weight: 600;
    margin: 5px 0 20px;
    word-spacing: 3px;
    color: #fff;
}

.main-banner .item .cover .header-content h4 {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    color: #fff;
}

.main-banner .item .cover .header-content .btn {
    margin-top: 20px;
}

.main-banner .slider-item {
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    object-fit: cover;
}

.main-banner .owl-item.active h1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}

.main-banner .owl-item.active h2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}

.main-banner .owl-item.active .btn {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
}

.main-banner .owl-nav .owl-prev {
    position: absolute;
    left: 15px;
    top: 45%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
}

.main-banner .owl-nav .owl-prev span {
    font-size: 3rem;
    color: #fff;
    line-height: 4rem;
}

.main-banner .owl-nav .owl-prev:focus {
    outline: 0;
}

.main-banner .owl-nav .owl-prev:hover {
    background: #000 !important;
}

.main-banner .owl-nav .owl-next {
    position: absolute;
    right: 15px;
    top: 45%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
}

.main-banner .owl-nav .owl-next span {
    font-size: 3rem;
    color: #fff;
    line-height: 4rem;
}

.main-banner .owl-nav .owl-next:focus {
    outline: 0;
}

.main-banner .owl-nav .owl-next:hover {
    background: #000 !important;
}

.main-banner:hover .owl-prev {
    left: 0px;
    opacity: 1;
}

.main-banner:hover .owl-next {
    right: 0px;
    opacity: 1;
}

.main-banner .owl-dots {
    position: absolute;
    bottom: 30px;
    width: 100%;

}

.main-banner .carousel-mb {
    display: none !important;
}

.cover-banner {
    position: relative;
}

.cover-detail {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

.cover-detail-inner {
    border-radius: 8px 8px 0 0;
}

.cover-detail-inner h1 {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 8px 8px 0 0;
    margin-bottom: 0;
    color: #ffffff;
    padding: 20px;
    text-align: center;
}

.cover-detail-inner .breadcrumb-ct {
    margin-bottom: 0;
    background: #dddddd;
    padding: 5px 20px;
    text-align: center !important;
}

.cover-banner .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cover-banner .item .cover {
    padding: 75px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
}

.cover-banner .item .cover .header-content {
    position: relative;
    padding: 56px 0;
    overflow: hidden;
}

.cover-banner .item .cover .header-content h2 {
    font-weight: 300;
    font-size: 4rem;
    color: #fff;
    line-height: 5.6rem;
}

.cover-banner .item .cover .header-content h1 {
    font-size: 56px;
    font-weight: 600;
    margin: 5px 0 20px;
    word-spacing: 3px;
    color: #fff;
}

.cover-banner .item .cover .header-content h4 {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    color: #fff;
}

.cover-banner .item .cover .header-content .btn {
    margin-top: 20px;
}

.cover-banner .slider-item {
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    object-fit: cover;
}

.cover-banner .cover-item {
    height: 70vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    object-fit: cover;
}

.cover-banner .owl-item.active h1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}

.cover-banner .owl-item.active h2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}

.cover-banner .owl-item.active .btn {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
}

.cover-banner .owl-nav .owl-prev {
    position: absolute;
    left: 15px;
    top: 45%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
}

.cover-banner .owl-nav .owl-prev span {
    font-size: 3rem;
    color: #fff;
    line-height: 4rem;
}

.cover-banner .owl-nav .owl-prev:focus {
    outline: 0;
}

.cover-banner .owl-nav .owl-prev:hover {
    background: #000 !important;
}

.cover-banner .owl-nav .owl-next {
    position: absolute;
    right: 15px;
    top: 45%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
}

.cover-banner .owl-nav .owl-next span {
    font-size: 3rem;
    color: #fff;
    line-height: 4rem;
}

.cover-banner .owl-nav .owl-next:focus {
    outline: 0;
}

.cover-banner .owl-nav .owl-next:hover {
    background: #000 !important;
}

.cover-banner:hover .owl-prev {
    left: 0px;
    opacity: 1;
}

.cover-banner:hover .owl-next {
    right: 0px;
    opacity: 1;
}

.cover-banner .owl-dots {
    position: absolute;
    bottom: 30px;
    width: 100%;

}

.carousel-mb {
    display: none !important;
}

.ot-page-st .navbar-overlay {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #dddddd;
}

.ot-page-st .menu-container li a {
    color: #000000;
}

/*Media Querues*/
@media (min-width:992px) and (max-width:1199px) {
    .project-controlpanel .btn-outline {
        font-size: 1.2rem;
    }
}



@media (min-width:768px) and (max-width:1191px) {}

@media (min-width:992px) and (max-width:1199px) {
    .top-board-container .ceo-container {
        height: 98%;
        padding: 20px 60px;
    }

    .top-board-container .ceo-container .board-bio-heading {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .board-container-ot {
        max-height: 338px;
        overflow: hidden;
    }

    .donate-time ul li {
        width: 49.2%;
    }
}

@media (max-width:991px) {
    .select-area-mb {
        display: block;
    }

    .select-area-dt {
        display: none;
    }

    .history-card {
        padding: 0;
    }

    .col-village-img img {
        display: none;
    }

    /* .brand-item img {
        padding: 0 30px;
    }*/
    .w-detail h3 {
        font-size: 1.4rem;
    }

    .w-detail span {
        font-size: 1.2rem;
    }

    .rt-ftbar h2 {
        font-size: 1.6rem;
    }

    .nav-dt {
        display: none;
    }

    .navbar-top {
        display: none;
    }

    .nav-mobile {
        display: block;
    }

    .news-item h3 {
        margin-top: 15px;
    }

    .statistic-number {
        padding: 80px 40px;
    }

    .footer-col-list {
        margin-bottom: 40px;
    }

    .footer-col h3 {
        margin-bottom: 10px;
    }

    .footer-col-list li {
        margin-bottom: 8px;
    }

    .history-item {
        padding: 15px;
        margin-top: 15px;
    }

    #causes .content-divider {
        display: none;
    }

    .causes-item {
        margin-bottom: 30px;
    }

    #news .content-divider {
        display: none;
    }

    #news .news-item {
        margin-bottom: 30px;
    }

    .content-container img {
        margin-bottom: 30px;
    }

    .form-section {
        padding-top: 60px;
        border-top: 1px solid #efefef;
    }

    .csr-large-container {
        margin-bottom: 30px;
        padding-right: 15px;
    }

    .career-item {
        margin-bottom: 30px;
    }

    .career-item > h3 {
        margin-top: 5px;
    }

    #tabs .nav-link {
        width: 50%;
        text-align: left;
        border: 1px solid #efefef;
    }

    #tabs .nav-link img {
        display: inline;
        margin-right: 15px;
        margin-left: 0;
    }

    #tabs .nav-link:nth-child(2n) {
        border-left: none;
    }

    #tabs .nav-link:nth-child(4n) {
        border-left: none;
    }

    #tabs .content-divider {
        display: none;
    }

    .gallery-item {
        margin-bottom: 30px;
    }

    .ceo-container {
        height: auto;
        background-position: bottom right;
    }

    .top-board-container .ceo-container {
        border-top-right-radius: 0;
        height: auto;
    }

    .board-container .img-wrapper {
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }

    .content-divider {
        display: none;
    }

    .board-container {
        margin-bottom: 30px;
        height: 385px;
        overflow: hidden;
    }

    .top-board-container {
        height: 100%;
    }

    .values-container {
        margin-bottom: 30px;
    }

    .volunteer-form {
        margin-top: 30px;
        padding: 0;
    }

    .volunteer-img .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 20px;
    }

    /*    .values-detail-top:first-child {
        margin-top: 30px;
    }*/
    .modal-board {
        max-width: 100%;
        margin: 1.75rem;
    }

    .modal-board-detail {
        padding: 30px;
    }

    .stories-large-container {
        margin-bottom: 30px;
    }

    .stories-topsmall-img {
        margin-bottom: 30px;
    }

    .large-left {
        padding-right: 15px;
        padding-left: 15px;
    }

    .large-right {
        padding-right: 15px;
        padding-left: 15px;
    }

    .projects-img-bg {
        padding: 80px !important;
    }

    .rt-ftbar {
        position: relative;
    }

    .project-thumbnail {
        margin-top: 30px;
    }

    #formContent {
        padding: 15px;
    }

    .category-btn ul {
        margin-bottom: 30px;
    }

    .about-content br {
        display: none;
    }

    .cookiealert p {
        text-align: center !important;
    }

    .cookiealert .btn {
        margin: 30px auto 0 !important;
        text-align: center;
        display: block;
        width: 80%;
    }

    .cookiealert p br {
        display: none;
    }

    .donate-container button {
        padding: 8px 4px;
    }

    .cart-img img {
        max-width: 100%;
        height: auto;
    }

    .shoppingwithshipping-cart {
        margin-bottom: 30px;
    }

    .shipping-detail {
        margin-bottom: 30px;
    }

    .float-panel-line {
        display: none;
    }

    .owl-fifth .products-item {
        margin-bottom: 0;
    }

    .product-thumbnail .content-container img {
        margin-bottom: 0;
    }

    .projects-information-left img {
        margin-bottom: 15px;
    }

    .products-detail-section .content-divider {
        display: block;
    }


    .row-whatwehelp {
        margin-bottom: 0;
    }

    .what-wehelp-contain {
        background: #f47521;
    }

    .what-wehelp-down {
        top: 0;
    }

    .what-wehelp-section .owl-theme .owl-nav.disabled + .owl-dots {
        margin: 0;
    }

    .what-wehelp-section .viewmore {
        top: 15px;
        color: #fff;
    }

    .project-section {
        margin-top: 0;
    }

    .statistic-mb {
        display: block;
    }

    .statistic-dt {
        display: none;
    }

    .unit-number {
        background: none;
    }

    .statistic-item {
        margin-bottom: 30px;
    }

    .statistic-item:nth-child(4n) {
        margin-bottom: 0;
    }

    .statistic-item:nth-child(5n) {
        margin-bottom: 0;
    }

    .statistic-item h2 {
        margin: 0;
    }

    .hc-nav-trigger span,
    .hc-nav-trigger span::before,
    .hc-nav-trigger span::after {
        background: #333;
    }

    .hc-offcanvas-nav li {
        color: #fff;
        margin-right: 0;
    }

    .nav-mobile {
        background: #ffffff;
        position: fixed;
        top: 0;
        z-index: 999;
        width: 100%;
        height: 70px;
        box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
    }

    header {
        margin-top: 70px;
    }

    .nav-mobile-header {
        margin-top: 0;
    }

    .nav-mobile-header .logo-header-mb {
        max-width: 150px;
        left: 70px;
        position: absolute;
        top: 10px;
    }

    .nav-mobile-header .btn-donate-top {
        right: 0;
        position: absolute;
        top: 12px;
        right: 15px;
    }

    .btn-menu-item {
        padding: 15px;
    }

    .btn-menu-item .btn {
        width: 100%;
    }

    .open .drawer-menu-item {
        padding-bottom: 0;
    }

    /*.hc-offcanvas-nav .nav-content > .nav-close a:not(.has-label){
	display: none;
}*/
    .nav-logo {
        border-bottom: 1px solid #efefef;
    }

    .nav-logo img {
        max-width: 180px;
    }

    .logo-mb {
        position: absolute;
        width: 120px;
        top: 15px;
        left: 72px;
    }

    .btn-donate-mb {
        background: #f47521 !important;
        color: #fff !important;
        margin: 15px;
    }

    .btn-mb-top {
        position: absolute;
        right: 20px;
        top: 12px;
        padding: 10px;
    }

    .volunteer-item {
        margin-bottom: 30px;
    }

    .volunteer-item:last-child {
        margin-bottom: 0;
    }

    .volunteer-item img {
        margin-bottom: 10px;
    }

    .volunteer-item h3 {
        margin-top: 0;
    }

    .articles-gallery-item {
        margin-bottom: 0;
    }
}

@media (max-width:955px) {
    .modal-board .modal-body {
        padding: 15px;
    }
}

@media (max-width:767px) {
    .products-item .card-body {
        min-height: auto;
    }

    #statistic .content-divider {
        display: none;
    }

    .statistic-item {
        margin-bottom: 30px;
    }


    .about-img {
        height: 360px;
        margin-bottom: 15px;
        margin-top: 60px;
        background-position: top !important;
    }

    .statistic-number {
        padding: 80px 20px;
    }

    .brand-item img {
        padding: 0 20px;
    }

    #news .news-item:last-child {
        margin-bottom: 0;
    }

    .modal {
        padding-right: 0 !important;
    }

    .modal.show .modal-dialog {
        max-width: 680px;
    }

    /*	.carousel-control-next {
		display: none;
	}
	.carousel-control-prev {
		display: none;
	}*/
    .csr-large-container {
        margin-bottom: 15px;
    }

    .csr-large-img {
        height: 260px;
    }

    .csr-topsmall-img {
        margin-bottom: 15px;
    }

    .stories-large-img {
        height: 260px;
    }

    .stories-topsmall-img {
        margin-bottom: 15px;
    }

    #tabs .nav-link {
        width: 100%;
    }

    #tabs .nav-link:nth-child(2n) {
        border-left: 1px solid #efefef;
    }

    #tabs .nav-link:nth-child(4n) {
        border-left: 1px solid #efefef;
    }

    #annualreport .content-divider {
        display: none;
    }

    .report-item {
        margin-bottom: 30px;
    }

    .board-container {
        height: auto;
    }

    .board-item {
        max-height: 560px;
    }

    .board-detail {
        bottom: 9px;
    }

    .values-detail {
        min-height: 360px;
        max-height: 360px;
    }

    .vision-container h3 {
        padding: 0;
    }

    .bg-gredient h3 br {
        display: none;
    }

    .large-left {
        padding-right: 15px;
    }

    .stories-large-container {
        margin-bottom: 15px;
    }

    .stories-btmsmall-img {
        margin-bottom: 15px;
    }

    .rt-ftbar {
        display: none;
    }

    #rt-mb-carousel {
        display: block;
    }

    #rt-carousel {
        display: none;
    }

    .category-btn ul li {
        width: 100%;
        margin-bottom: 15px;
    }

    .category-btn .btn {
        width: 100%;
    }

    .rmv-cart {
        padding: 0;
        margin: 0;
    }

    .price-mb {
        display: block;
    }

    .price-dt {
        display: none;
    }

    .card-footer .back-previouspage {
        text-align: center;
        margin-top: 15px;
    }

    .stories-content {
        margin-top: 0;
        padding: 1.6rem;
        border: 1px solid rgba(0, 0, 0, 0.125);
        border-radius: 0 0 4px 4px;
    }

    .stories-row .viewmore {
        margin-top: 15px;
        display: block;
    }

    .stories-row p {
        line-height: 2.4rem;
    }

    .stories-tag {
        margin-bottom: 0;
    }

    .cvpage-left {
        background: #dddddd;
        padding: 80px;
        text-align: center;
    }

    .whatwehelp-mb {
        display: block;
        background: #f47521;
    }

    .whatwehelp-mb h2 {
        color: #ffffff;
    }

    .whatwehelp-mb h3 {
        color: #ffffff;
    }

    .whatwehelp-mb p {
        color: #ffffff;
    }

    .whatwehelp-dt {
        display: none;
    }

    .whatwehelp-item {
        margin-bottom: 30px;
    }

    .whatwehelp-mb {}

    .statistic-item:nth-child(5n) {
        margin-bottom: 0px;
    }

    .statistic-item:nth-child(6n) {
        margin-bottom: 0;
    }
}

@media (max-width:576px) {
    .carousel-mobile h1 {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .carousel-mobile .carousel-caption a {
        line-height: 3.6rem;
    }

    .volunteer-img {
        display: none;
    }

    .statistic-img {
        display: none;
    }

    #staff-regis {
        background-position: left;
        padding: 80px 40px;
    }

    .copyright a {
        display: block;
    }

    .history-info {
        padding: 0 15px;
    }

    .history-item {
        padding: 15px 30px;
    }

    .history-line {
        left: 15px;
    }

    .ht-sub-heading {
        font-size: 2rem;
        margin-bottom: 0;
    }

    .causes-item:last-child {
        margin-bottom: 0;
    }

    .causes-posted-date {
        text-align: left !important;
        margin-top: 15px;
    }

    .report-item:last-child {
        margin-bottom: 0;
    }

    .top-board-container .ceo-container {
        padding: 40px 20px;
        background-position: center;
    }

    .values-detail {
        min-height: 380px;
        max-height: 380px;
    }

    .vision-container h3 {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .projects img {
        padding: 30px;
    }

    .projects-img-bg {
        padding: 20px 80px 40px !important;
    }

    .projects h2 {
        font-size: 2.4rem;
    }

    #rt-mb-carousel .carousel-item {
        height: auto;
        min-height: 320px;
    }

    .st-sec {
        padding: 60px 0;
    }

    .bank-col {
        margin-bottom: 30px;
        text-align: center !important;
    }

    .shopping-cart .total-text {
        margin-bottom: 20px;
    }

    .cart-img {
        display: none;
    }

    .donate-btn-row .btn-outline {
        margin-top: 15px;
    }

    .projects-information-right {
        padding: 0 15px;
    }

    .statistic-item span {
        font-size: 1.6rem;
        padding: 0;
    }

    .statistic-item h2 {
        margin: 10px 0;
    }

    .statistic-item:nth-child(5n) {
        margin-bottom: 30px;
    }

    .statistic-item:nth-child(6n) {
        margin-bottom: 0;
    }

    .statistic-item span:first-child {
        font-family: 'promptmedium';
        font-size: 2.4rem;
    }

    .statistic-item:first-child {
        margin-bottom: 30px;
    }

    .statistic-item strong {}

    .col-arrow {
        text-align: center;
        display: block;
        margin-bottom: 15px;
    }

    .statistic-number .fa {
        font-size: 80px;
    }
    .products-rt-item{
        margin-bottom: 15px;
    }
    .products-rt-item:last-child{
        margin-bottom: 0;
    }
}

@media (max-width:526px) {
    .payment-method {
        width: 100%;
        margin-bottom: 15px;
    }
}

@media (max-width:516px) {
    .donate-time ul li {
        width: 49.2%;
    }
}

@media (max-width:500px) {
    .causes-posted-date .fa {
        display: none;
    }

    #news-content {
        padding: 20px 0 60px;
    }

    .category-btn li {
        display: block !important;
        width: 100%;
    }

    .category-btn li:first-child {
        margin-bottom: 15px;
    }

    .category-btn .btn {
        width: 80%;
    }

    .office-col {
        margin-bottom: 30px;
    }
}

@media (max-width:480px) {

    .heading-section h2 span br {
        display: none;
    }

    .history-container {
        padding: 15px;
    }

    .history-info {
        padding: 0 15px;
    }

    .history-line {
        display: none;
    }

    .history-detail {
        margin-top: 5px;
    }

    .history-item {
        margin-top: 15px;
    }

    .ht-sub-heading {
        font-size: 1.8rem;
    }

    .copyright .seperate-line {
        display: none;
    }
}

@media (max-width:460px) {
    .donate-time ul li {
        width: 49.1%;
    }
}

@media (max-width:416px) {
    .donate-time ul li {
        width: 49%;
    }
}

@media (max-width:400px) {
    .eos-panel-top .btn {
        padding: 10px;
    }

    .donate-container button {
        padding: 8px;
    }
}

@media (max-width:382px) {
    .donate-time ul li {
        width: 48.8%;
    }

    .donate-value-select ul li {
        width: 23.4%;
    }

    .donate-container .heading-section h3 {
        font-size: 2rem;
    }
}

@media (max-width:379px) {
    ul.timeline::before {
        height: 80%;
    }
}

@media (max-width:367px) {
    .donate-time ul li {
        width: 100%;
    }

    .donate-time ul li:first-child {
        margin-bottom: 15px;
    }

    .donate-value-select ul li {
        width: 48.8%;
    }

    .donate-value-select ul li:first-child {
        margin-bottom: 8px;
    }
}

@media (max-width:329px) {
    .donate-value-select ul li {
        width: 100%;
    }

    .donate-value-select ul li {
        margin-bottom: 15px;
    }
}

/*** Mixed ***/

.errorTxt {
    color: #F1181B;
    font-style: italic;
    font-size: 13px;
}