@media only screen and (max-width: 768px) {
    .fit-height-mobile-only {
        width: auto !important;
        height: 100% !important;
    }

    .fit-width-mobile-only {
        width: 100% !important;
        height: auto !important;
    }

    .owl-dots {
        display: none;
    }

    /* ====== Sub Navbar ====== */
    /*#sub-navbar .navbar-options {*/
    /*    width: 100%;*/
    /*}*/

    #sub-navbar .navbar-options #lang-select:after {
        display: none;
    }

    /* ====== Carousel ====== */
    #carousel {
        height: 240px !important;    
    }
    
    #carousel .owl-item img {
        width: auto !important;
        height: 100% !important;
    }

    #carousel .owl-caption {
        padding: 1rem !important;
    }

    #carousel .owl-caption h1 {
        font-size: 2.5rem !important;
    }

    #carousel .owl-caption h1,
    #carousel .owl-caption p {
        width: unset !important;
    }

    /* ====== Disasters ====== */
    #disasters .disasters-list .disasters-item figure h1 {
        font-size: 1.5rem !important;
    }

    #disasters .disasters-list .disasters-item figure h2 {
        font-size: 1rem !important;
        width: 75% !important;
    }

    /* ====== Donation ====== */
    #donation {
        background-size: auto 100% !important;
    }

    /* ====== Partners ====== */
    #partners .partners-list .partners-item img {
        width: auto !important;
        height: 100% !important;
    }
    
    #partners .owl-nav button {
        width: 12px !important;
    }
    
    #partners .owl-nav button.owl-prev {
        transform: translate(0, -50%) !important;
    }
    
    #partners .owl-nav button.owl-next {
        transform: translate(0, -50%) !important;
    }

    /* ====== Newsletter ====== */
    #newsletter .newsletter-form input,
    #newsletter .newsletter-form button {
        width: 100% !important;
    }

    /* ====== Footer ====== */
    #footer .footer-information .nav .nav-item {
        margin-bottom: 0 !important;
    }

    /* ====== Breadcrumb ====== */
    #breadcrumb .breadcrumb li {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #breadcrumb .breadcrumb-item + .breadcrumb-item::before,
    #breadcrumb .breadcrumb-item + .breadcrumb-item::after {
        display: none !important;
    }

    /* ====== Page ====== */
    #page .page-img {
        width: 100% !important;
    }

    /*====== Content ====== */
    #content {
        margin-bottom: 60px;
    }
    
    /* ====== Breadcrumb ====== */
    #breadcrumb .breadcrumb li {
        text-align: center !important;
    }
    
    /* ====== Contact Us ====== */
    #contact .contact-information .card {
        border: 0 !important;
    }
}

/* ====== Fonts ====== */
@font-face {
    font-family: "Merriweather";
    src: url('../fonts/merriweather.ttf');
}

@font-face {
    font-family: "Merriweather Bold";
    src: url('../fonts/merriweather-bold.ttf');
}

@font-face {
    font-family: "Open Sans";
    src: url('../fonts/open-sans.ttf');
}

@font-face {
    font-family: "Open Sans Semibold";
    src: url('../fonts/open-sans-semibold.ttf');
}

@font-face {
    font-family: "Open Sans Bold";
    src: url('../fonts/open-sans-bold.ttf');
}

@font-face {
    font-family: "Poppins Medium";
    src: url('../fonts/poppins-medium.ttf');
}

@font-face {
    font-family: "Poppins Bold";
    src: url('../fonts/poppins-bold.ttf');
}

.merriweather {
    font-family: "Merriweather", sans-serif;
}

.merriweather-bold {
    font-family: "Merriweather Bold", sans-serif;
}

.open-sans {
    font-family: "Open Sans", sans-serif;
}

.open-sans-semibold {
    font-family: "Open Sans Semibold", sans-serif;
}

.open-sans-bold {
    font-family: "Open Sans Bold", sans-serif;
}

.poppins-medium {
    font-family: "Poppins Medium", sans-serif;
}

.poppins-bold {
    font-family: "Poppins Bold", sans-serif;
}

/* ====== Hover Effect ======  */
/* Common style */
figure {
    position: relative;
    float: left;
    overflow: hidden;
    /*margin: 10px 1%;*/
    /*min-width: 320px;*/
    /*max-width: 480px;*/
    /*max-height: 360px;*/
    /*width: 48%;*/
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer;

    display: flex;
    justify-content: center;
    align-items: center;
}

figure img {
    position: relative;
    display: block;
    /*min-height: 100%;*/
    /*max-width: 100%;*/
    opacity: 0.8;
}

figure figcaption {
    padding: 2em;
    color: #fff;
    /*text-transform: uppercase;*/
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure figcaption::before,
figure figcaption::after {
    pointer-events: none;
}

figure figcaption,
figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

figure h2 span {
    font-weight: 800;
}

figure h2,
figure p {
    margin: 0;
}

figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

/* Individual effects */

/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
    background: #249d54;
}

figure.effect-apollo img {
    position: absolute;
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

figure.effect-apollo figcaption {
    /*position: relative;*/
    padding: 2.5rem;
}

figure.effect-apollo figcaption h1 {
    position: absolute;
    bottom: 2.5rem;
}

figure.effect-apollo figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -115%, 0);
}

figure.effect-apollo p {
    position: absolute;
    right: 0;
    bottom: 0;
    /* margin: 3 em; */
    /* padding: 0 1 em; */
    max-width: 150px;
    /* border-right: 4 px solid #fff; */
    text-align: right;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;

    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    transform: translateX(-50%);
}

figure.effect-apollo p .fa {
    font-size: 48px;
    margin-right: -1.5px;
}

figure.effect-apollo h2 {
    text-align: left;
}

figure.effect-apollo:hover img {
    opacity: 0.54;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

figure.effect-apollo:hover figcaption::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 115%, 0);
}

figure.effect-apollo:hover p {
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

/* ====== Default ====== */
html, body {
    font-family: "Open Sans", "Arial", sans-serif;
}

a:hover {
    text-decoration: none !important;
}

textarea {
    resize: none;
}

/* === Typo === */
p {
    line-height: 25px;
    letter-spacing: -0.2px;
}

/* ====== Custom Classes ====== */
.mt-40px {
    margin-top: 40px;
}

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

.py-60px {
    padding-top: 60px;
    padding-bottom: 60px;
}

.fit-width {
    width: 100% !important;
    height: auto !important;
}

.fit-height-mobile-only {
    width: 100%;
    height: auto;
}

.fit-height {
    width: auto !important;
    height: 100% !important;
}

.fit-width-mobile-only {
    width: auto;
    height: 100%;
}

.masked {
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.64);
}

.text-shadow {
    text-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.75);
}

.link:hover i {
    margin-left: 0.5rem !important;
}

/* === Pagination === */
.pagination ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -0.25rem;
    padding: 0;
}

.pagination ul li {
    display: inline-flex;
    margin: 0.25rem;
}

.pagination ul li a,
.pagination ul li span {
    font-family: "Open Sans Semibold", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    border: 1px solid #dddddd;
    /*cursor: pointer;*/
}

.pagination ul li span {
    /*display: none;*/
    /*color: #888;*/
    background: #dddddd;
}

.pagination ul li a {
    color: #373435;
}

.pagination ul li:nth-child(1) a,
.pagination ul li:nth-last-child(1) a,
.pagination ul li:nth-child(2) a,
.pagination ul li:nth-last-child(2) a {
    background: #249d54;
    color: #fff;
    border: none;
}

.pagination ul li:nth-child(1) a:hover,
.pagination ul li:nth-last-child(1) a:hover,
.pagination ul li:nth-child(2) a:hover,
.pagination ul li:nth-last-child(2) a:hover {
    background: #018a44;
}

.pagination ul li a:hover {
    background: #249d54;
    color: #fff;
    border-color: #249d54;
}

.pagination ul li.active a {
    color: #249d54;
}

.pagination ul li.active a:hover {
    color: #fff;
}

/* ====== Redefined Classes ====== */
.x-small {
    font-size: 11px !important;
}

.small {
    font-size: 14px !important;
}

.text-primary,
a.text-primary:hover {
    color: #249d54 !important;
}

.text-secondary {
    color: #11137A !important;
}

.form-control {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    /*font-style: italic;*/
    padding: 0.75rem 1.25rem;
    border: none;
    border-radius: 0;
}

.bg-red {
    background: #d72d44 !important;
}

.bg-dark-blue {
    background: #084c61 !important;
}

.bg-primary {
    background: #249d54 !important;
}

.bg-secondary {
    background: #11137A !important;
}

.bg-light {
    background: #e6e6e6 !important;
}

.bg-dark {
    background: #111 !important;
}

.btn-primary,
.btn-dark {
    border: none;
    font-family: "Open Sans Semibold", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0.75rem 2.5rem;
    border-radius: 0;
    transition: 0s;
}

.btn-dark {
    background: #111 !important;
}

.btn-dark:hover {
    background: #249d54 !important;
}

.btn-primary {
    background: #249d54 !important;
}

.btn-primary:hover {
    background: #018a44 !important;
}

.alert .close {
    margin-top: -2px;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #636c72;
}

.bootstrap-select .dropdown-menu li a {
    font-size: 14px;
}

.datepicker-dropdown {
    font-size: 14px;
    padding: 0.5rem !important;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled],
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
    background: #249d54 !important;
}

.dropdown-menu {
    min-width: 12rem;
}

/* ====== Sub Navbar ====== */
#sub-navbar {
    z-index: 1002;
}

#sub-navbar .navbar-options {
    /*height: 32px;*/
}

#sub-navbar .navbar-options #lang-select {
    position: relative;
}

/* #sub-navbar .navbar-options #lang-select::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    background: #636363;
    width: 1px;
    height: 33%;
    transform: translateY(-50%);
} */

#sub-navbar .navbar-options #lang-select .btn {
    background: transparent !important;
    color: #fff;
    font-size: 14px;
    padding-right: 16px;
    padding-left: 16px;
    border: none
}

#sub-navbar .navbar-options #lang-select .dropdown-menu {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
}

#sub-navbar .navbar-options #lang-select .dropdown-menu .dropdown-menu.inner {
    background: #11137a;
}

#sub-navbar .navbar-options #lang-select .dropdown-menu .dropdown-menu.inner li a {
    color: #fff;
    font-size: 14px;
    padding: 6px 16px;
}

#sub-navbar .navbar-options #lang-select .dropdown-menu .dropdown-menu.inner li.active a,
#sub-navbar .navbar-options #lang-select .dropdown-menu .dropdown-menu.inner li a:hover,
#sub-navbar .navbar-options #lang-select .dropdown-menu .dropdown-menu.inner li a:focus {
    background: #0e1068;
}

#sub-navbar .navbar-options .btn-link {
    transition: 0s;
}

#sub-navbar .navbar-options .btn-link:hover {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.15);
}

/*#sub-navbar .navbar-options .btn {*/
/*color: #fff;*/
/*}*/

#sub-navbar .navbar-text-group .navbar-text {
    position: relative;
}

#sub-navbar .navbar-text-group .navbar-text:nth-last-child(1):before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background: #636363;
    width: 1px;
    height: 33%;
    transform: translateY(-50%);
}

/* ====== Navbar ====== */
#navbar {
    /*position: fixed;*/
    /*top: 0;*/
    z-index: 1001;
    background: rgba(255, 255, 255, 0.73);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

#navbar .navbar-brand h4 {
    font-size: 22px;
}

#navbar .navbar-brand h6 {
    font-size: 12px;
}

#navbar .navbar-nav > li {
    position: relative;
    display: inline-flex;
    flex-direction: column;
}

#navbar .navbar-nav > li > a {
    color: #191919;
    font-family: "Open Sans Bold", sans-serif;
    padding: 1rem;
    font-size: 14px;
}

#navbar .navbar-nav > li:hover > a,
#navbar .navbar-nav > li > a.active {
    color: #249d54 !important;
}

#navbar .dropdown-menu {
    top: calc(100% + 26px);
    background: #249d54;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
}

#navbar .dropdown-menu > li {
    display: flex;
}

#navbar .dropdown-menu > li > a {
    color: #fff;
    font-family: "Open Sans Semibold", sans-serif;
    font-size: 14px;
    width: 100%;
    padding: 0.75rem 1.25rem;
}

#navbar .dropdown-menu > li > a:hover,
#navbar .dropdown-menu > li > a:active,
#navbar .dropdown-menu > li > a.active,
#navbar .dropdown-menu > li > a:focus {
    background: #018a44;
}

#navbar .navbar-toggler {
    color: #191919 !important;
}

#navbar .navbar-toggler:hover {
    color: #249D54 !important;
}

/* ====== Carousel ====== */
#carousel {
    position: relative;
    height: calc(100vh - 32px + 1.5rem);
}

#carousel .owl-stage,
#carousel .owl-stage-outer,
#carousel .owl-item,
#carousel .owl-item .item {
    height: 100%;
}

#carousel .owl-dots {
    position: absolute;
    bottom: calc(1.5rem + 10px);
    width: 100%;
}
/*
#carousel .owl-caption {
    /*visibility: hidden;*/
    /*position: absolute;
    top: 0;
    padding: 120px;
    top: calc(50%);
    /* left: 120px; */
    /* width: 450px; */
    /*transform: translateY(calc(-50% - 60px));
    height: calc(100% - 1.5rem + 107px);
}*/

#carousel .owl-caption {
    position: absolute;
    top: calc(12%);
    text-align: center !important;
    width: 100% !important;
    align-items: center !important;
	padding: 0 2%;
}

#carousel .owl-caption .merriweather {
    width: 100% !important;
}

@media only screen and (max-width: 768px) {    
    #carousel .owl-caption h1 {
        font-size: 16px !important;
    }
    
    #carousel .owl-caption a.btn {
        margin: 0 !important;
    }
}

#carousel .owl-caption h1 {
    font-size: 28px;
}

#carousel .owl-caption h1,
#carousel .owl-caption p {
    width: 450px;
}

#carousel .owl-item img,
#carousel .owl-item iframe {
    visibility: visible;
}

/* ====== Disasters ====== */
#disasters {
    /*margin-top: -3rem;*/
}

#disasters .disasters-list {
    margin-top: -1.5rem;
    padding: 1.5rem;
}

#disasters .disasters-list .disasters-item figure {
    height: 260px;
}

#disasters .disasters-list .disasters-item figure img {
    position: absolute;
}

#disasters .disasters-list .disasters-item figure h1 {
    font-size: 70px;
}

#disasters .disasters-list .disasters-item figure h2 {
    font-size: 30px;
}

#disasters .owl-dots {
    display: none;
}

#disasters .owl-nav {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    margin: 0;
    transform: translate(0, -50%);
}

#disasters .owl-nav button {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    font-size: 28px;
    width: 48px;
    margin: 0;
    padding-bottom: 6px !important;
    border-radius: 100px;
    transform: translate(0, -50%);
}

#disasters .owl-nav button:hover {
    color: #249d54;
}

#disasters .owl-nav button.owl-prev {
    position: absolute;
    left: 0;
}

#disasters .owl-nav button.owl-next {
    position: absolute;
    right: 0;
}

/* ====== Donation ====== */
#donation {
    background-size: 100%;
}

/* ====== Gallery ====== */
/* === Gallery Images === */
#gallery .gallery-images > .row {
    margin-top: -1rem;
    margin-bottom: -1rem;
}

#gallery .gallery-images .gallery-item figure {
    height: 255px;
}

/* === Gallery Videos === */
#gallery .gallery-videos > .row {
    margin-top: -1rem;
    margin-bottom: -1rem;
}

#gallery .gallery-videos .gallery-item figure {
    height: 304px;
}

/*#gallery .gallery-videos .gallery-videos-item figure figcaption {*/
/*padding: 1.5rem;*/
/*}*/

/* #gallery .gallery-videos .gallery-item figure figcaption h6 {
    font-size: 18px;
    opacity: 0;
    transition: opacity 0.35s;
} */

#gallery .gallery-videos .gallery-item figure:hover figcaption h6 {
    opacity: 1;
}

/* ====== News Update ====== */
#news-update .news-update-list > .row {
    margin-top: -1rem;
    margin-bottom: -1rem;
}

#news-update .news-update-list .news-update-item .item-img {
    position: relative;
    height: 165px;
    overflow: hidden;
}

#news-update .news-update-list .news-update-item .item-img img {
    transform: scale3d(1.05, 1.05, 1);
    transition: transform 0.35s;
}

#news-update .news-update-list .news-update-item .item-img img:hover {
    transform: scale3d(1, 1, 1);
}

#news-update .news-update-list .news-update-item .item-meta {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
}

#news-update .news-update-list .news-update-item .item-meta h6 {
    font-size: 18px;
}

#news-update .news-update-list .news-update-item .item-content h6 {
    font-size: 18px;
    /*margin-bottom: 1.5rem;*/
}

#news-update .news-update-list .news-update-item .item-content a {
    color: #191919;
}

#news-update .news-update-list .news-update-item .item-content a:hover {
    color: #249D54;
}

#news-update .news-update-list .news-update-item .item-content p {
    line-height: 24px;
}

/* ====== Article Update ====== */
#article-update .article-update-list > .row {
    margin-top: -1rem;
    margin-bottom: -1rem;
}

#article-update .article-update-list .article-update-item .item-img {
    position: relative;
    height: 300px;
    overflow: hidden;
}

#article-update .article-update-list .article-update-item .item-img img {
    transform: scale3d(1.05, 1.05, 1);
    transition: transform 0.35s;
}

#article-update .article-update-list .article-update-item .item-img img:hover {
    transform: scale3d(1, 1, 1);
}

/*#article-update .article-update-list .article-update-item .item-content {*/
/*padding: 1.5rem;*/
/*}*/

#article-update .article-update-list .article-update-item .item-content {
    word-break: break-word;
    height: 300px;
	overflow:hidden;
}

#article-update .article-update-list .article-update-item .item-content h6 {
    font-size: 18px;
    /*margin-bottom: 1.5rem;*/
}

#article-update .article-update-list .article-update-item .item-content a {
    color: #191919;
}

#article-update .article-update-list .article-update-item .item-content a:hover {
    color: #fff;
}

#article-update .article-update-list .article-update-item .item-content p {
    line-height: 24px;
}

/* ====== Partners ====== */
#partners .partners-list .partners-item {
    height: 90px;
}

#partners .owl-dots {
    display: none;
}

#partners .owl-nav {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    margin: 0;
    transform: translate(0, -50%);
}

#partners .owl-nav button {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #249D54;
    font-size: 46px;
    width: 48px;
    margin: 0;
    padding-bottom: 6px !important;
    /* border-radius: 100px; */
    border-radius: 0;
    transform: translate(0, -50%);
}

#partners .owl-nav button:hover {
    /* color: #249d54; */
    background: transparent;
}

#partners .owl-nav button.owl-prev {
    position: absolute;
    left: 0;
    transform: translate(-100%, -50%);
}

#partners .owl-nav button.owl-next {
    position: absolute;
    right: 0;
    transform: translate(100%, -50%);
}

/* ====== Social Media Feed ====== */
#social-media-feed .feed-list > .row {
    margin-top: -1rem;
    margin-bottom: -1rem;
}

#social-media-feed .feed-list .feed-item .item-heading {
    height: 60px;
    margin-bottom: 50px;
}

#social-media-feed .feed-list .feed-item .item-heading i {
    font-size: 30px;
    width: 60px;
}

#social-media-feed .feed-list .feed-item .item-heading h6 {
    margin-left: 18px;
}

/* ====== Newsletter ====== */
#newsletter {
    padding: 2rem;
}

#newsletter .newsletter-form input {
    width: calc(100% - 1.5rem - 155px);
}

#newsletter h4.newsletter-alert {
    position: absolute;
    top: 0;
    opacity: 0;
}

#newsletter h4.newsletter-heading,
#newsletter h4.newsletter-alert {
    transition: 0.5s;
}

/* ====== Footer ====== */
#footer .footer-panel {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

#footer .footer-information {
    font-size: 14px;
}

#footer .footer-information .footer-information-heading {
    margin-bottom: 20px;
}

#footer .footer-information .footer-information-heading h4 {
    font-size: 22px;
}

#footer .footer-information .nav {
    color: #cac8c8;
}

#footer .footer-information p {
    margin-bottom: 2rem;
}

#footer .footer-information .nav .nav-item {
    margin-bottom: 6px;
}

#footer .footer-information .nav .nav-item:nth-last-child(1) {
    margin-bottom: 0;
}

/*#footer .footer-information .footer-information-heading h6 {*/
/*    font-size: 12px;*/
/*}*/

#footer .footer-information .footer-information-heading,
#footer .footer-links h6 {
    margin-bottom: 2rem;
}

#footer .footer-links .nav > li > a {
    color: #cac8c8;
    font-size: 14px;
    margin-bottom: 1rem;
}

#footer .footer-links .nav > li > a:hover {
    color: #fff;
}

#footer .footer-contact h6 {
    margin-bottom: 2rem;
}

#footer .footer-contact .nav {
    margin-left: -11px;
    margin-right: -11px;
}

#footer .footer-contact .nav .nav-item .nav-link {
    font-size: 22px;
    margin-left: 11px;
    margin-right: 11px;
}

#footer .footer-contact .nav .nav-item .nav-link:hover {
    color: #018a44 !important;
}

#footer .footer-copyright {
    font-size: 14px;
    color: #767676;
}

#footer .footer-copyright a {
    color: #249d54;
}

#footer .footer-copyright a:hover {
    color: #018a44;
}

/* ========= INSIDE ====== */
/* ====== Navbar Background ====== */
#navbar-background {
    height: 106px;
    overflow: hidden;
}

/* ====== Page ====== */
#page .page-content {
    font-size: 14px;
    line-height: 30px;
}

#page .page-content img {
    max-width: 100%;
    height: auto !important;
}

#page .page-content table {
    width: 100%;
    border: 1px solid #111111;
}

#page .page-content table tr td {
    padding: 1rem;
}

#page .page-content table tr td p:nth-last-child(1) {
    margin: 0;
}

#page .page-share {
    margin-left: -11px;
    margin-right: -11px;
}

/*
#page .page-share a {
    display: inline-flex;
    color: #249d54;
    font-size: 22px;
    margin-left: 11px;
    margin-right: 11px;
}

#page .page-share a:hover {
    color: #018a44;
}
*/

#page .page-share a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 42px;
    height: 42px;
    margin-left: 4px;
    margin-right: 4px;
}

#page .page-share a.whatsapp { background: #25d366; }
#page .page-share a.facebook { background: #3b5998; }
#page .page-share a.twitter { background: #1da1f2; }
#page .page-share a.google-plus { background: #db4437; }
#page .page-share a.linkedin { background: #007bb5; }
#page .page-share a.pinterest { background: #bd081c; }
#page .page-share a.mail { background: #249d54; }

#page .page-share a:hover {
    box-shadow: inset 0 0 0 100px rgba(0,0,0,0.25);
}

#page.disaster-contact .page-heading {
    margin-top: -1rem;
    margin-bottom: calc(40px - 1rem);
}

#page.disaster-contact .page-image {
    height: 300px;
    overflow: hidden;
}

/* ====== Post ====== */
#post .post-content{
    font-size: 14px;
    line-height: 30px;
}

#post .post-share {
    margin-left: -11px;
    margin-right: -11px;
}

#post .post-share a {
    display: inline-flex;
    color: #249d54;
    font-size: 22px;
    margin-left: 11px;
    margin-right: 11px;
}

#post .post-share a:hover {
    color: #018a44;
}

/* ====== Breadcrumb ====== */
#breadcrumb .breadcrumb li:not(.active) {
    background: #111;
}

#breadcrumb .breadcrumb li:not(.active):hover {
    background: #249D54;
    cursor: pointer;
}

#breadcrumb .breadcrumb li {
    font-family: "Merriweather", sans-serif;
    font-size: 18px;
}

#breadcrumb .breadcrumb li.active {
    padding-left: 52px;
}

#breadcrumb .breadcrumb li,
#breadcrumb .breadcrumb li a {
    color: #fff !important;
}

#breadcrumb .breadcrumb li a,
#breadcrumb .breadcrumb li.active {
    display: inline-flex;
    padding: 1rem 50px;
}

#breadcrumb .breadcrumb li#breadcrumb-item-2 a {
    padding-right: 30px;
}

#breadcrumb .breadcrumb-item + .breadcrumb-item {
    position: relative;
    /*padding-right: 30px;*/
}

#breadcrumb .breadcrumb-item + .breadcrumb-item::before,
#breadcrumb .breadcrumb-item + .breadcrumb-item::after {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "";
    position: absolute;
    left: -4px;
    background: #fff;
    width: 30px;
    height: 50%;
}

#breadcrumb .breadcrumb-item + .breadcrumb-item::after {
    top: 0;
    transform: skew(16deg);
}

#breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    bottom: 0;
    transform: skew(-16deg);
}

/* ====== Page ====== */
#page .page-img {
    width: 33%;
    margin: 0 2rem 0 0;
}

/* ====== Posts ====== */
#posts .posts-list {
    margin-top: -1rem;
    margin-bottom: calc(40px - 1rem);
}

#posts.publication .posts-list .posts-item .item-img {
    height: 183px;
    overflow: hidden;
}

#posts .posts-list .posts-item .item-img {
    height: 241px;
    overflow: hidden;
}

#posts .posts-list .posts-item .item-img img {
    transform: scale3d(1.05, 1.05, 1);
    transition: transform 0.35s;
}

#posts .posts-list .posts-item .item-img img:hover {
    transform: scale3d(1, 1, 1);
}

#posts .posts-list .posts-item .item-meta.nav {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

#posts .posts-list .posts-item .item-meta.nav .nav-item {
    position: relative;
}

#posts .posts-list .posts-item .item-meta.nav .nav-item::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    background: #46c177;
    width: 1px;
    height: 33%;
    transform: translateY(-50%);
}

#posts .posts-list .posts-item .item-meta.nav .nav-item:nth-last-child(1)::after {
    display: none;
}

#posts .posts-list .posts-item .item-content {

}

@media only screen and (min-width: 768px) {
    #posts .posts-list .posts-item .item-content {
        min-height: 244px;
    }
}

#posts .posts-list .posts-item .item-content a {
    color: #191919;
}

#posts .posts-list .posts-item .item-content a:hover {
    color: #fff;
}

/* ====== Widgets ====== */
#widgets {
    margin-top: -1rem;
    margin-bottom: -1rem;
}

/* ====== Training Packages ====== */
#training-packages h2 {
    font-size: 30px;
}

#training-packages .training-packages-list {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
}

#training-packages .training-packages-list .training-packages-item .item-img {
    height: 107px;
    margin-right: -30px;
    overflow: hidden;
}

#training-packages .training-packages-list .training-packages-item .item-img img {
    transform: scale3d(1.05, 1.05, 1);
    transition: transform 0.35s;
}

#training-packages .training-packages-list .training-packages-item .item-img:hover img {
    transform: scale3d(1, 1, 1);
}

#training-packages .training-packages-list .training-packages-item .item-img img {
    position: relative;
    z-index: -2;
}

#training-packages .training-packages-list .training-packages-item .item-content h6 {
    position: relative;
    width: calc(100% - 30px);
}

#training-packages .training-packages-list .training-packages-item .item-content h6:hover,
#training-packages .training-packages-list .training-packages-item .item-content h6:hover::before {
    background: #b7263a !important;
    cursor: pointer;
}

#training-packages .training-packages-list .training-packages-item .item-content p {
    position: relative;
    line-height: 20px;
    height: 72px;
}

#training-packages .training-packages-list .training-packages-item .item-content h6::before,
#training-packages .training-packages-list .training-packages-item .item-content p::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
    transform: skew(-40deg) translate(-50%);
}

#training-packages .training-packages-list .training-packages-item .item-content a {
    color: #fff !important;
}

#training-packages .training-packages-list .training-packages-item .item-content h6::before {
    width: 30px;
    background: #d72d44;
}

#training-packages .training-packages-list .training-packages-item .item-content p::before {
    background: #084c61;
    width: 60px;
}

/* ====== Contact Us ====== */
#contact .contact-map #map-canvass {
    height: 300px;
}

#contact .contact-information .contact-information-item .item-heading h6 {
    font-size: 14px;
    /*margin-left: 18px;*/
    padding: 18px;
}

/* ====== Register ====== */
#register .register-form .bootstrap-select {

}

#register .register-form .bootstrap-select > .btn {
    background: #fff !important;
    font-size: 14px;
    padding: 0.75rem 1.25rem;
    border: 1px solid #dee2e6 !important;
    border-radius: 0;
}

/* ====== Gallery ====== */
#content #gallery .gallery-list,
#content #infographic .gallery-list {
    margin-top: -1rem;
    margin-bottom: -1rem;
}

#content #infographic .infographic-images .gallery-item figure,
#content #gallery .gallery-images .gallery-item figure {
    height: 224px;
}

#content #gallery .gallery-videos .gallery-item figure {
    height: 262px;
}

#content #gallery .gallery-videos .gallery-item figure.effect-apollo figcaption {
    top: unset;
    bottom: 0;
    background: rgba(255,255,255,0.97);
    opacity: 0;
    color: #111;
    height: unset;
    padding: 1rem;
    transform: translateY(100%);
    transition: 0.35s;
}

#content #gallery .gallery-videos .gallery-item figure.effect-apollo img {
    transform: unset;
}

#content #gallery .gallery-videos .gallery-item figure.effect-apollo figcaption::before {
    display: none;
}

#content #gallery .gallery-videos .gallery-item figure.effect-apollo:hover figcaption {
    opacity: 1;
    transform: translateY(0%);
}

#content #gallery .gallery-videos .gallery-item figure.effect-apollo figcaption h6 {
    font-size: 14px !important;
    font-weight: bold !important;
}

#content #gallery .gallery-videos .gallery-item figure.effect-apollo:hover img {
    opacity: 1;
}

#gallery .gallery-category {
    margin: -0.25rem;   
    margin-bottom: calc(40px - 0.25rem);
}

#gallery .gallery-category .nav .nav-item .nav-link {
    color: #191919;
    margin: 0.25rem;
}

#gallery .gallery-category .nav .nav-item .nav-link:hover {
    background: #249d54;
    color: #fff !important;
    border-color: #249d54 !important;
}

#gallery .gallery-category .nav .nav-item.active .nav-link {
    color: #249d54;
}

/* ====== Banners ====== */
#banners .nav {
    margin: -0.5rem 0;
}