@font-face {
    font-family: Manrope-Light;
    src: url("../fonts/Manrope/static/Manrope-Light.ttf");
}
@font-face {
    font-family: Manrope-Regular;
    src: url("../fonts/Manrope/static/Manrope-Regular.ttf");
}
@font-face {
    font-family: Manrope-Medium;
    src: url("../fonts/Manrope/static/Manrope-Medium.ttf");
}
@font-face {
    font-family: Manrope-SemiBold;
    src: url("../fonts/Manrope/static/Manrope-SemiBold.ttf");
}
@font-face {
    font-family: Manrope-Bold;
    src: url("../fonts/Manrope/static/Manrope-Bold.ttf");
}
@font-face {
    font-family: Manrope-ExtraBold;
    src: url("../fonts/Manrope/static/Manrope-ExtraBold.ttf");
}
html,
body {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: Arial, sans-serif;
}
a {
    text-decoration: none !important;
}
a:hover,
a:focus {
    text-decoration: none !important;
}
section {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
}
.hidden {
    display: none;
}
.grid-desc,
.btn-read-more,
.footer-copy,
.news-slider-date,
.news-slider-text,
.article-text,
.content-desc p,
.content-desc h2,
.content-desc ul li,
.content-desc ol li,
.teams-popup-text p,
.news-detail-date,
.form-input,
.form-label,
.disclaimer,
.input-search,
.input-search-green,
.form-checkbox,
.news-slider-monthyear-g,
.news-slider-monthyear-w {
    font-family: Manrope-Light;
}
.footer-desc,
.article-tabs,
.content-title p,
.content-desc p.title-2,
.content-desc h2,
.teams-job,
.teams-popup-job,
.career-small,
.content-desc.news-detail h2,
.content-desc table tr td,
.bg-footer-title {
    font-family: Manrope-Regular;
}
.btn-newsletter,
.article-date,
.content-desc p.title-3,
.content-desc h3,
.btn-explore-more.medium {
    font-family: Manrope-Medium;
}
.sidebar-menu ul li a,
.article-title,
.content-title h3,
.teams-title,
.teams-popup-name,
.content-title.news-detail h3,
.career-large,
.career-small.green {
    font-family: Manrope-SemiBold;
}
.footer-title,
.lang-opt,
.btn-donate,
.btn-explore-more,
.btn-footer-donate,
.content-desc p strong,
.content-desc p.title,
.content-desc h2,
.bg-header-page p,
.bg-header-list ul li,
.bg-header-list ul li a,
.bg-header-list.align-right ul li,
.bg-header-list.align-right ul li a,
.teams-name,
.breadcrumb a,
.btn-pagination,
.news-slider-date-g,
.news-slider-date-w,
.news-detail-related p {
    font-family: Manrope-Bold;
}
.slider-home-desc,
.latest-news h3,
.title,
.news-slider-title,
.bg-header-text,
.news-detail-desc,
.content-desc table tr td strong,
.content-desc ul li strong {
    font-family: Manrope-ExtraBold;
}
.content-desc p em,
.content-desc table tr td em,
.content-desc ul li em {
    font-style: oblique 25deg;
}
.content-desc table tr td {
    color: #828282 !important;
}
.mt0 {
    margin-top: 0px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt12 {
    margin-top: 12px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt22 {
    margin-top: 22px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mt48 {
    margin-top: 48px !important;
}
.mt60 {
    margin-top: 60px !important;
}
.mt65 {
    margin-top: 65px !important;
}
.mt80 {
    margin-top: 80px !important;
}
.mt200 {
    margin-top: 200px !important;
}
.mt250 {
    margin-top: 250px !important;
}
.mt300 {
    margin-top: 300px !important;
}
.mb12 {
    margin-bottom: 12px !important;
}
.mb0 {
    margin-bottom: 0px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
.mb70 {
    margin-bottom: 70px !important;
}
.mb80 {
    margin-bottom: 80px !important;
}
.mb100 {
    margin-bottom: 100px !important;
}
.mb150 {
    margin-bottom: 150px !important;
}
.mb250 {
    margin-bottom: 250px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.mr25 {
    margin-right: 25px !important;
}
.mlr-15 {
    margin-left: -15px;
    margin-right: -15px;
}
.p0 {
    padding: 0px !important;
}
.p40 {
    padding: 40px !important;
}
.pt30 {
    padding-top: 30px !important;
}
.pt50 {
    padding-top: 50px !important;
}
.pt60 {
    padding-top: 60px !important;
}
.pt70 {
    padding-top: 70px !important;
}
.pt80 {
    padding-top: 80px !important;
}
.pt100 {
    padding-top: 100px !important;
}
.pb0 {
    padding-bottom: 0px !important;
}
.pb30 {
    padding-bottom: 30px !important;
}
.pb50 {
    padding-bottom: 50px !important;
}
.pb60 {
    padding-bottom: 60px !important;
}
.pb70 {
    padding-bottom: 70px !important;
}
.pb100 {
    padding-bottom: 100px !important;
}
.pl0 {
    padding-left: 0px !important;
}
.pl15 {
    padding-left: 15px !important;
}
.pl25 {
    padding-left: 25px !important;
}
.pl35 {
    padding-left: 35px !important;
}
.pl48 {
    padding-left: 48px !important;
}
.pl85 {
    padding-left: 85px !important;
}
.pl100 {
    padding-left: 100px !important;
}
.pr30 {
    padding-right: 30px !important;
}
.width-20,
.width-25,
.width-30,
.width-33,
.width-40,
.width-50,
.width-60,
.width-70,
.width-75,
.width-80,
.width-100,
.left-nav,
.lang-opt,
.menu,
.news-detail-left,
.news-detail-right {
    float: left;
    position: relative;
}
.width-800px,
.width-850px {
    position: relative;
}
.right-nav {
    float: right; /*padding: 33px 0px;*/ /*padding: 20px 0px 0px;*/
    padding: 18px 0px 0px;
}
.float-none {
    float: none;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.center {
    margin: 0px auto;
}
.width-20 {
    width: 20%;
}
.width-25 {
    width: 25%;
}
.width-30 {
    width: 30%;
}
.width-33 {
    width: 33.3%;
}
.width-35 {
    width: 35%;
}
.width-40 {
    width: 40%;
}
.width-45 {
    width: 45%;
}
.width-50 {
    width: 50%;
}
.width-55 {
    width: 55%;
}
.width-60 {
    width: 60%;
}
.width-65 {
    width: 65%;
}
.width-70 {
    width: 70%;
}
.width-75 {
    width: 75%;
}
.width-80 {
    width: 80%;
}
.width-100 {
    width: 100%;
}
.width-20px {
    width: 20px;
}
.width-30px {
    width: 30px;
}
.width-100px {
    width: 100px;
}
.width-200px {
    width: 200px;
}
.width-220px {
    width: 220px;
}
.width-800px {
    width: 800px;
}
.width-850px {
    width: 850px;
}
.width-900px {
    width: 900px;
}
.height-100 {
    height: 100%;
}
.height-60px {
    height: 60px;
}
.height-125px {
    height: 125px;
}
.height-150px {
    height: 150px !important;
}
.height-200px {
    height: 200px;
}
.height-240px {
    height: 240px;
}
.height-300px {
    height: 300px !important;
}
.height-380px {
    height: 380px !important;
}
.height-400px {
    height: 400px !important;
}
.height-500px {
    height: 500px;
}
.height-100vh {
    height: 100vh;
}
.height-auto {
    height: auto !important;
}
.left-60 {
    left: 60px !important;
}
.border-0px {
    border: 0px !important;
}
.line-text {
    width: 30px;
    height: 1px;
    background: #4fa828;
    float: left;
    margin-top: 11px;
    margin-right: 15px;
}
.text-white {
    color: #fff !important;
}
.text-green {
    color: #6a8e4e !important;
}
.text-dark-grey {
    color: #828282 !important;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.centeralign {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
}
.centeralign-2 {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}
.position-absolute {
    position: absolute !important;
}
.contain {
    object-fit: contain !important;
}
.container {
    position: relative;
    width: 1056px;
    max-width: 1056px;
    padding: 0px;
    margin: 0px auto;
}
.content-row {
    display: flex;
    flex-wrap: wrap;
}
.nav-header {
    position: fixed;
    z-index: 99;
    width: 100%;
    background-color: transparent;
    transition: ease all 0.5s;
}
.nav-header.change {
    background-color: #fff;
}
.logo {
    padding: 5px 0px;
    width: 59px;
    height: 55px;
}
.logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lang-opt {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    background-color: transparent;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 10px;
}
.change .lang-opt:not(.active) {
    color: #6a8e4e;
}
.lang-opt.active {
    background-color: #6a8e4e;
}
.lang-line {
    width: 1.5px;
    height: 50px;
    background: #fff;
    margin-top: -10px;
    margin-right: 20px;
}
.change .lang-line {
    background: #6a8e4e;
}
.donate {
    width: auto;
    height: 30px;
}
.search-1,
.search-2 {
    width: auto;
    height: 20px;
    margin-right: 20px;
}
.menu {
    margin: 7px 0px;
    cursor: pointer;
}
.menu-1,
.menu-2 {
    width: auto;
    height: 16px;
}
#SliderHome {
    width: 100%;
    height: 100%;
    position: relative;
}
#AboutUs,
#Highlight,
.bg-grey {
    background: #e5e5e5;
    overflow: hidden;
}
.bg-dark-grey {
    background: #828282;
}
#News,
.bg-soft-white {
    background: #f2efeb;
}
.bg-overlay {
    position: absolute;
    bottom: 0px;
    color: #fff;
    padding: 0px 48px 33px;
    width: calc(100% - 96px);
    background: linear-gradient(360deg, #000000 9.94%, rgba(0, 0, 0, 0) 100%);
}
.bg-overlay.no-bg-green {
    color: #6a8e4e;
    background: transparent;
}
.bg-green {
    background: #6a8e4e;
}
.bg-white {
    background: #fff !important;
}
.bg-header {
    position: relative;
    width: 100%;
    height: 100%;
}
.bg-header-text.about {
    position: absolute;
    top: -25px;
    width: 100%;
    height: 226px;
    background-image: url(../img/about-us.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; /*font-size: 258px; line-height: 380px; color: #6A8E4E; opacity: 0.05;*/
}
.bg-header-text.about-white {
    position: absolute;
    bottom: -85px;
    left: 0px;
    font-size: 258px;
    line-height: 380px;
    color: #fff;
    opacity: 0.17;
    text-align: center;
}
.bg-header-text.news-white {
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 120px;
    line-height: 100px;
    color: #fff;
    opacity: 0.17;
    text-align: center;
}
.bg-header-text.news {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 855px;
    height: 226px;
    background-image: url(../img/news.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; /* font-size: 258px; */ /* line-height: 200px; */ /* color: #6A8E4E; */ /* opacity: 0.05; */
}
.bg-img,
.bg-header img,
.content-desc img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.content-desc img.width-30px {
    width: 30px !important;
}
.content-desc img {
    padding: 0px 0px 60px;
}
.content-desc table {
    margin-bottom: 20px;
}
.bg-img.height-200px {
    height: 200px !important;
}
.bg-about-us {
    margin-top: -25px; /*background-image: url(../img/about-us.png);*/
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}
.bg-about-menu {
    background-image: url(../img/menu/menu-about.jpg);
}
.bg-whatwedo-menu {
    background-image: url(../img/menu/menu-whatwedo.jpg);
}
.bg-news-menu {
    background-image: url(../img/menu/menu-news.jpg);
}
.bg-takeaction-menu {
    background-image: url(../img/menu/menu-takeaction.jpg);
} /*.bg-news{background-image: url(../img/news.png);background-size: contain; background-position: top; background-repeat: no-repeat;}*/
.bg-news-img {
    padding-left: 8.75%;
    width: calc(100% - 8.75%);
}
.bg-news {
    position: absolute;
    right: 0px;
    height: 200px;
}
.bg-menu {
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed; /*overflow-x: scroll;*/
}
.bg-header-menu-icon {
    position: absolute;
    top: 15px;
    right: 23px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-image: url(../img/icon/icon-chevron-down-green.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-header-list-icon {
    position: absolute;
    top: 3px;
    right: 0px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-image: url(../img/icon/icon-chevron-down-grey.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-header-list-icon.change-icon,
.bg-header-menu-icon.change-icon {
    background-image: url(../img/icon/icon-chevron-up-green.svg);
}
.bg-header-menu {
    position: absolute;
    bottom: 0px;
    left: 0px; /*width: 370px; */
    width: 331px;
    min-height: 50px;
    height: auto;
    background-color: #f2efeb;
    border-top: 7px solid #4fa828;
}
.bg-header-menu.align-right {
    right: 0px;
    left: unset;
    border-top: 0px;
    border-bottom: 1px solid #4fa828;
}
.bg-header-menu.align-right .bg-header-page {
    padding: 15px 0px;
}
.bg-header-menu.align-right .bg-header-menu-icon {
    right: 0px !important;
}
.bg-header-page {
    padding: 15px 43px 15px 23px;
    cursor: pointer;
}
.bg-header-page p {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #4fa828;
    margin: 0px;
    cursor: pointer;
    word-wrap: break-word;
}
.bg-header-list {
    position: absolute;
    z-index: 10;
    background-color: #e7e4e1;
    width: 331px;
}
.bg-header-list ul {
    list-style: none;
    padding-left: 23px;
    padding-right: 23px;
}
.bg-header-list ul li {
    margin: 0px 0px 12px;
    padding-right: 25px;
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #bdbdbd;
    word-wrap: break-word;
}
.bg-header-list ul li a {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #bdbdbd;
}
.bg-header-list ul li:hover,
.bg-header-list ul li a:hover {
    color: #4fa828;
}
.bg-header-list ul li a:hover .bg-header-list-icon:not(.change-icon) {
    background-image: url(../img/icon/icon-chevron-down-green.svg);
}
.bg-header-list.align-right {
    right: 0px;
    top: 93px;
    width: 331px;
    background-color: #ffffff;
}
.breadcrumb {
    width: 100%;
    float: left;
    padding: 60px 0px 12px;
}
.breadcrumb ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.breadcrumb li {
    display: inline-block;
    margin-right: 8px;
}
.breadcrumb li:after {
    content: ">";
    margin-left: 2px;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    color: #bdbdbd;
}
.breadcrumb li:last-child:after {
    content: " ";
}
.breadcrumb li a {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #bdbdbd;
}
.breadcrumb li a:hover,
.breadcrumb li a:focus,
.breadcrumb li a:active,
.breadcrumb .active {
    color: #6a8e4e;
}
.breadcrumb a {
    color: rgba(43, 43, 43, 0.9);
    transition: ease all 0.4s;
}
.slider-home-wrapper {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}
.slider-home {
    width: 100% !important;
    height: 100vh !important;
    min-height: 600px;
    max-height: 900px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.slider-home-desc {
    margin-top: 200px;
    width: 600px;
}
.slider-home-desc h1 {
    font-size: 40px;
    line-height: 62px;
    font-weight: 800;
    color: #fff;
}
.slider-hover {
    transition: all 0.5s ease-in-out;
}
.slider-highlight {
    width: 100% !important;
    height: 100% !important;
    max-height: 555px;
    position: relative;
}
.slider-hover .bg-img {
    transition: all 0.5s ease-in-out;
}
.slider-hover:hover {
    /*box-shadow: rgba(240, 46, 170, 0.4) -5px 5px, rgba(240, 46, 170, 0.3) -10px 10px, rgba(240, 46, 170, 0.2) -15px 15px, rgba(240, 46, 170, 0.1) -20px 20px, rgba(240, 46, 170, 0.05) -25px 25px;*/ /*box-shadow: rgb(0 0 0 / 9%) -5px 2px 0px, rgb(0 0 0 / 9%) -5px 4px 2px, rgb(0 0 0 / 9%) -5px 8px 4px, rgb(0 0 0 / 9%) -5px 16px 8px, rgb(0 0 0 / 9%) -5px 32px 16px;*/ /*-webkit-box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.75);box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.75);*/
    filter: drop-shadow(0px 10px 8px rgba(0, 0, 0, 0.5));
}
.slider-hover:hover .bg-img {
    transform: scale(1.2);
}
.slider-hover:hover .btn-hover {
    opacity: 1; /*visibility: visible;*/ /*display: block;*/
    cursor: pointer;
}
.btn-hover {
    opacity: 0; /*visibility: hidden;*/ /*display: none;*/
    cursor: none;
    transition: all 0.5s ease-in-out;
}
.btn-explore-more {
    border: 1px solid #fff;
    background: transparent;
    padding: 8px 16px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
}
.btn-explore-more:active,
.btn-explore-more:hover,
.btn-explore-more:focus {
    background: transparent;
}
.btn-explore-more.green,
.btn-explore-more.light-green {
    border: 1px solid #257020;
    color: #257020;
}
.btn-explore-more.green:active,
.btn-explore-more.green:hover,
.btn-explore-more.green:focus {
    border: 0px;
    background: #6a8e4e;
    color: #fff;
}
.btn-explore-more.light-green:active,
.btn-explore-more.light-green:hover,
.btn-explore-more.light-green:focus {
    border: 0px;
    background: #4fa828;
    color: #fff;
}
.btn-footer-donate {
    border: 1px solid #fff;
    background: transparent;
    padding: 12px 38px;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    position: absolute;
    bottom: 50px;
    right: 0px;
}
.btn-footer-donate:active,
.btn-footer-donate:hover,
.btn-footer-donate:focus {
    background: transparent;
}
.btn-donate {
    border: 1.5px solid #6a8e4e;
    background: #fff;
    padding: 0px 24px 2px;
    color: #6a8e4e;
    font-size: 14px;
    line-height: 25px;
    cursor: pointer;
}
.btn-donate:active,
.btn-donate:hover,
.btn-donate:focus {
    background: #fff;
}
.slider-home-nav {
    position: absolute;
    left: 0px;
    bottom: 110px;
    width: 86px;
    height: 39px;
    z-index: 9;
}
.slider-news-nav {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 86px;
    height: 39px;
    z-index: 9;
}
.swiper-button-next.SwiperSliderHome-next:after,
.swiper-button-prev.SwiperSliderHome-prev:after,
.swiper-button-next.SwiperSliderNews-next:after,
.swiper-button-prev.SwiperSliderNews-prev:after {
    content: "" !important;
}
.swiper-button-next.SwiperSliderNews-next,
.swiper-button-prev.SwiperSliderNews-prev {
    border: 1px solid #4fa828;
    width: 50px;
    height: 50px;
}
.swiper-button-next.SwiperSliderNews-next .nav-default,
.swiper-button-prev.SwiperSliderNews-prev .nav-default {
    display: block;
}
.swiper-button-next.SwiperSliderNews-next .nav-hover,
.swiper-button-prev.SwiperSliderNews-prev .nav-hover {
    display: none;
}
.swiper-button-next.SwiperSliderNews-next:hover,
.swiper-button-prev.SwiperSliderNews-prev:hover {
    border: 1px solid #4fa828;
    background: #4fa828;
}
.swiper-button-next.SwiperSliderNews-next:hover .nav-default,
.swiper-button-prev.SwiperSliderNews-prev:hover .nav-default {
    display: none;
}
.swiper-button-next.SwiperSliderNews-next:hover .nav-hover,
.swiper-button-prev.SwiperSliderNews-prev:hover .nav-hover {
    display: block;
}
.swiper-button-next.SwiperSliderNews-next {
    right: -9px;
}
.swiper-button-prev.SwiperSliderNews-prev {
    left: -8px;
    border-right: 0px;
}
.swiper-button-next.SwiperSliderHome-next {
    right: 0% !important;
}
.swiper-button-prev.SwiperSliderHome-prev {
    left: 0% !important;
}
.SwiperSliderHome-line {
    position: absolute;
    left: 43px;
    width: 1.5px;
    height: 39px;
    background: #fff;
}
.grid-desc {
    position: absolute;
    width: 500px;
    height: auto;
    bottom: 80px;
}
.grid-desc p {
    color: #6a8e4e;
    font-weight: 300;
    font-size: 36px;
    line-height: 46px;
}
.btn-read-more {
    color: #6a8e4e;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
}
.latest-news {
    width: 100%;
    height: 226px;
    position: relative;
}
.latest-news h3 {
    font-weight: 800;
    font-size: 42px;
    line-height: 53px;
    color: #6a8e4e;
    bottom: 0px;
    position: absolute;
    margin: 0px 0px 10px 0px;
}
.title {
    font-weight: 800;
    font-size: 42px;
    line-height: 53px;
    color: #6a8e4e;
    position: relative;
    bottom: 0px;
}
.bg-footer {
    width: 100%;
    height: 620px; /* background: url(../img/bg-footer.jpg); */
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.footer {
    background-color: #243e25;
    width: 100%;
    height: auto;
    float: left;
    padding: 25px 0px;
}
.footer-link {
    display: block;
}
.footer-socmed {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 25px;
}
.footer-copy {
    color: #93ab80;
    font-size: 10px;
    line-height: 14px;
    margin: 20px 0px 10px 0px;
}
.footer-copy a {
    color: #93ab80;
    font-size: 10px;
    text-decoration: none;
}
.footer-desc,
.footer-desc p,
.footer-desc a {
    color: #93ab80;
    font-size: 12px;
    line-height: 16px;
    margin: 0px 0px 10px 0px;
}
.footer-title {
    color: #6a8e4e;
    font-size: 14px;
    line-height: 18px;
    margin: 0px 0px 10px 0px;
}
.btn-newsletter {
    display: block;
    position: relative;
    background: #4fa828;
    padding: 0px 16px;
    color: #fff;
    font-size: 12px;
    height: 46px;
    line-height: 46px;
    border: 0px;
    cursor: pointer;
}
.btn-newsletter:active,
.btn-newsletter:hover,
.btn-newsletter:focus {
    background: #4fa828;
}
.bg-footer-title {
    font-weight: 600;
    font-size: 48px;
    line-height: 55px;
    padding-bottom: 80px;
    color: #ffffff;
}
.bg-footer-donate {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.swiper-slide.news-slider {
    position: relative;
    width: 375px;
    height: 500px;
}
.grid-menu-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /*grid-template-rows: 50% 50%;*/
    grid-gap: 30px;
}
.grid-menu-item {
    position: relative;
    background-color: rgba(255, 255, 255, 0.8);
    grid-column: span 2;
    width: 332px;
    height: 448px;
}
.grid-menu-item a {
    color: #fff;
}
.grid-menu-item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.grid-menu-item.one-column.align-center {
    grid-column: 3 / span 2;
}
.grid-menu-item.two-column.align-center {
    grid-column: 2 / span 2;
} /*.grid-menu-item:nth-child(3n+4){grid-column: 2 / span 2;}.grid-menu-item:nth-child(3n+4).one-column.align-center{grid-column: 3 / span 2;}.grid-menu-item:nth-child(3n+4).two-column.align-center{grid-column: 2 / span 2;}*/
.grid-menu-item:hover .news-slider-desc {
    background: #243e25;
    opacity: 0.8;
}
.grid-menu-item:hover .bg-overlay {
    background: transparent;
}
.grid-menu-item:hover .news-slider-text {
    display: block;
}
.news-detail-left {
    width: calc(100% - 340px);
}
.news-detail-right {
    width: 340px;
}
.news-slider:not(.slider).no-bg-green {
    width: calc(33.3% - 32px);
    border: 1px solid #6a8e4e;
}
.news-slider.slider.no-bg-green {
    width: 373px;
    border: 1px solid #6a8e4e;
}
.news-slider-desc {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    transition: ease all 0.2s;
    cursor: pointer;
}
.news-slider-date,
.btn-read-more.small {
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
}
.news-slider-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 800;
}
.news-slider-text {
    display: none;
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
}
.news-slider-text.small {
    display: none;
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
}
.news-slider:hover .news-slider-desc {
    background: #6a8e4e;
    opacity: 0.8;
}
.news-slider:hover .bg-overlay {
    background: transparent;
}
.news-slider:hover .news-slider-text {
    display: block;
}
.news-slider:hover .bg-overlay.no-bg-green .news-slider-date,
.news-slider:hover .bg-overlay.no-bg-green .news-slider-title,
.news-slider:hover .bg-overlay.no-bg-green .news-slider-text,
.news-slider:hover .bg-overlay.no-bg-green .btn-read-more.text-green {
    color: #fff !important;
}
.news-slider:hover .bg-overlay.no-bg-green .line-text.bg-green {
    background: #fff !important;
}
.news-slider-publish {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 33px 48px 0px;
    width: calc(100% - 96px);
    z-index: 9;
}
.news-slider-date-w {
    font-size: 36px;
    line-height: 54px;
    font-weight: 700;
    color: #fff;
    float: left;
    text-align: left;
}
.news-slider-monthyear-w {
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    color: #fff;
    float: right;
    text-align: right;
}
.news-slider-date-g {
    font-size: 36px;
    line-height: 54px;
    font-weight: 700;
    color: #6a8e4e;
    float: left;
    text-align: left;
}
.news-slider-monthyear-g {
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    color: #6a8e4e;
    float: right;
    text-align: right;
}
.search {
    cursor: pointer;
    margin: 5px 0px;
}
.search-menu {
    position: fixed;
    right: 0px;
    z-index: 99;
    background: rgba(36, 62, 37, 0.9);
    width: 100%;
    height: 100vh;
    padding: 0px;
    opacity: 0;
    visibility: hidden;
    transition: ease all 0.5s;
}
.search-menu.show {
    opacity: 1;
    visibility: visible;
}
.search-menu-close {
    position: absolute;
    top: 40px;
    right: 0px;
    z-index: 999;
    cursor: pointer;
    width: 23px;
    height: 23px;
}
.input-search {
    background: transparent;
    width: 100%;
    padding: 20px 24px 19px 0px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #fff;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
}
.input-search::placeholder {
    color: #fff;
}
.input-search:focus {
    outline: none;
}
.input-search-submit {
    position: absolute;
    right: -20px;
    margin: 0px;
    width: 24px;
    height: 24px;
    top: 23px;
    background: transparent;
    padding: 0px;
    border: 0px;
    cursor: pointer;
}
.content-search {
    width: calc(100% - 100px);
    padding-left: 94px;
    position: relative;
    border-left: 6px solid #4fa828;
    margin-bottom: 60px;
}
.input-search-green {
    background: transparent;
    width: calc(100% - 24px);
    padding: 12px 24px 19px 0px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #6a8e4e;
    font-size: 24px;
    line-height: 30px;
    color: #6a8e4e;
}
.input-search-green::placeholder {
    color: #6a8e4e;
}
.input-search-green:focus {
    outline: none;
}
.input-search-submit-green {
    position: absolute;
    right: 0px;
    margin: 0px;
    width: 24px;
    height: 24px;
    top: 23px;
    background: transparent;
    padding: 0px;
    border: 0px;
    cursor: pointer;
}
.sidebar-menu {
    position: fixed;
    right: 0px;
    z-index: 99;
    background: #4fa828;
    opacity: 0.85;
    height: 100vh;
    padding: 0px 80px;
    right: -527px;
    transition: ease all 0.5s;
}
.sidebar-menu.show {
    right: 0px;
}
.sidebar-menu-close {
    position: absolute;
    top: 40px;
    right: 80px;
    z-index: 999;
    cursor: pointer;
}
.sidebar-menu ul {
    list-style: none;
    text-align: right;
}
.sidebar-menu ul li {
    margin-bottom: 30px;
}
.sidebar-menu ul li a {
    font-size: 32px;
    line-height: 44px;
    font-weight: 600;
    color: #fff;
    opacity: 0.6;
}
.sidebar-menu ul li a:hover {
    opacity: 1;
}
.sidebar-menu-socmed {
    position: absolute;
    right: 80px;
    bottom: 30px;
}
.sidebar-menu-socmed .footer-socmed {
    margin-left: 10px;
    margin-right: unset;
}
.sidebar-toolbars {
    position: fixed;
    left: 5px;
    bottom: 0px;
    width: 112px;
    height: 100%;
    z-index: 120;
}
.sidebar-toolbars-wrapper {
    position: absolute;
    width: 88px;
    height: 340px;
    right: 0px;
    bottom: 20px;
}
.sidebar-toolbars-sosmed {
    position: absolute;
    width: 88px;
    top: 0px;
    right: 0px;
}
.sidebar-toolbars-text {
    position: absolute;
    width: 88px;
    top: 0px;
    margin-top: 230px;
    left: -30px;
}
.sidebar-toolbars-sosmed a {
    display: block;
    width: 37px;
    margin: 0px auto;
}
.sidebar-toolbars-text p {
    transform: rotate(-90deg);
    width: 150px;
    color: #bdbdbd;
}
.article-tabs {
    padding: 0px 60px;
    cursor: pointer;
}
.article-tabs p,
.article-tabs a {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #878787;
}
.article-tabs.active p,
.article-tabs.active a {
    color: #1e1e1e;
}
.article-tabs .article-tabs-line {
    opacity: 0;
    margin-top: 20px;
    border-bottom: 4px solid #6a8e4e;
    transition: ease all 0.3s;
}
.article-tabs.active .article-tabs-line {
    opacity: 1;
}
.article-desc {
    background-color: #f2efeb;
    padding: 50px 60px;
    position: absolute;
    bottom: 0px;
    right: 20px;
}
.article-date {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #6a8e4e;
    margin: 0px 0px 10px 0px;
}
.article-title {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: #193a34;
    margin: 0px 0px 20px 0px;
}
.article-text {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    color: #1e1e1e;
}
.content-date {
    padding: 10px 0px 60px;
}
.content-title h3 {
    font-size: 42px;
    line-height: 54px;
    font-weight: 600;
    color: #6a8e4e;
    border-left: 6px solid #4fa828;
    padding-left: 94px;
}
.content-title h3.content-more {
    padding-bottom: 42px;
    margin-bottom: 0px;
}
.content-title h3.content-more span {
    color: #828282;
}
.content-title.news-detail h3 {
    padding-left: 0px;
    border: 0px;
}
.content-title p {
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    color: #6a8e4e;
    padding-left: 100px;
}
.content-title p.content-subtitle {
    padding-left: 94px;
    margin-top: 0px;
    border-left: 6px solid #4fa828;
}
.content-subtitle img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.content-title.news-detail p {
    padding-left: 0px;
}
.content-desc {
    width: 100%;
    height: 100%;
    position: relative;
    padding-left: 230px;
    padding-bottom: 100px;
    float: left;
}
.content-desc.news-detail {
    width: calc(100% - 100px);
    padding-right: 100px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.content-desc p,
.content-desc h1,
.content-desc h2 {
    width: 100%;
    position: relative;
    float: left;
}
.content-desc p a {
    color: #56ccf2;
}
.content-desc p,
.content-desc h2,
.content-title p.desc {
    font-size: 18px;
    line-height: 27px;
    font-weight: 300;
    color: #828282;
    margin: 0px 0px 20px 0px;
}
.content-desc p iframe,
.content-desc h2 iframe {
    width: 100%;
    height: 400px;
}
.content-desc p.title,
.content-desc h2,
.teams-list h3,
.news-detail-right,
.news-detail-related p {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #6a8e4e !important;
    margin: 20px 0px;
}
.content-desc.news-detail h2 {
    margin: 40px 0px 60px;
}
.content-desc h1 {
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    color: #6a8e4e !important;
    margin: 20px 0px;
}
.content-desc p.title-2,
.content-desc h2,
.content-desc h3 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    color: #6a8e4e;
    margin: 20px 0px;
}
.content-desc p.title-3,
.content-desc h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #828282;
}
.content-desc ul li,
.content-desc ol li {
    font-size: 18px;
    line-height: 27px;
    font-weight: 300;
    color: #828282;
}
.news-detail-date {
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    color: #828282;
    margin: 23px 0px 10px 0px;
}
.news-detail-desc {
    font-size: 16px;
    line-height: 20px;
    font-weight: 800;
    color: #828282;
    margin: 0px 0px 10px 0px;
}
.teams-list {
    position: relative;
    float: left;
    width: calc(100% - 85px);
    padding-left: 85px;
}
.teams-grid {
    width: calc(33.3% - 30px);
    height: 500px;
    float: left;
    margin: 0px 15px 30px;
    cursor: pointer;
}
.teams-grid.no-bg-green {
    width: calc(33.3% - 32px);
    border: 1px solid #6a8e4e;
}
.teams-grid:hover .news-slider-desc {
    background: #6a8e4e;
    opacity: 0.8;
}
.teams-grid:hover .bg-overlay {
    background: transparent;
}
.teams-grid.no-bg-green:hover .news-slider-desc {
    background: #6a8e4e;
    opacity: 0.8;
}
.teams-grid:hover .news-slider-title,
.teams-grid:hover .news-slider-text,
.teams-grid:hover .btn-read-more.text-green,
.teams-grid:hover .news-slider-date-g,
.teams-grid:hover .news-slider-monthyear-g {
    color: #fff !important;
}
.teams-grid:hover .line-text.bg-green {
    background: #fff;
}
.teams-grid .news-slider-text {
    display: block;
}
.news-slider-date-g {
    font-size: 36px;
    line-height: 54px;
    font-weight: 700;
    color: #6a8e4e;
    float: left;
    text-align: left;
}
.news-slider-monthyear-g {
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    color: #6a8e4e;
    float: right;
    text-align: right;
}
.teams-title {
    font-size: 36px;
    line-height: 46px;
    font-weight: 600;
}
.teams-desc {
    text-align: center;
    padding: 30px 0px 10px;
}
.teams-name {
    margin: 0px 0px 10px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #6a8e4e;
}
.teams-job {
    margin: 0px 0px 10px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #828282;
}
.teams-popup {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: ease-out 0.3s;
}
.teams-popup.show {
    visibility: visible;
    opacity: 1;
}
.teams-popup-close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 30px;
    right: 30px;
    cursor: pointer;
    z-index: 999;
}
.teams-popup-item {
    margin: 0px auto;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 850px;
    height: 500px;
}
.teams-popup-item.large {
    width: 1100px;
}
.teams-popup-item.small {
    width: 650px;
}
.teams-popup-scroll {
    width: 100%;
    height: 270px;
    overflow: scroll;
    margin: 30px 0px 0px;
    padding-right: 20px;
}
.teams-popup-scroll-2 {
    width: 80%;
    height: 270px;
    overflow: scroll;
    margin: 30px auto 0px;
    padding-right: 20px;
}
.teams-popup-desc {
    padding: 30px 60px;
    height: 100%;
    width: calc(100% - 120px);
    height: calc(100% - 60px);
    position: relative;
}
.teams-popup-name {
    margin: 0px 0px 10px;
    font-size: 36px;
    line-height: 54px;
    font-weight: 600;
    color: #6a8e4e;
}
.teams-popup-name.small {
    font-size: 24px;
    line-height: 30px;
}
.teams-popup-job {
    margin: 0px 0px 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #828282;
}
.teams-popup-text p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #828282;
    margin: 0px;
}
.form-input {
    float: left;
    width: calc(100% - 60px);
    padding: 20px 30px;
    margin-bottom: 20px;
    border: 1px solid #828282;
    background: #f2efeb;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    color: #828282;
}
.form-input-2 {
    float: left;
    width: calc(100% - 60px);
    padding: 20px 30px;
    margin-bottom: 20px;
    border: 1px solid #828282;
    background: #FFF;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    color: #828282;
}
.form-input-2::-webkit-input-placeholder {
    font-family: "Manrope-Regular";
}
.form-select {
    float: left;
    width: 100%;
    padding: 20px 30px;
    margin-bottom: 20px;
    border: 1px solid #828282;
    background: #f2efeb;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    color: #828282;
}
.for.form-label {
    font-size: 18px;
    line-height: 27px;
    font-style: normal;
    font-weight: 300;
    color: #828282;
}
.content-desc p.disclaimer {
    font-size: 10px;
    line-height: 15px;
    font-weight: 300;
    color: #828282;
    margin: 10px 0px 30px;
}
.disclaimer {
    font-size: 12px;
    line-height: 18px;
    color: #828282;
}
.job-desc {
    width: calc(100% - 78px);
    float: left;
    border: 1px solid #4fa828;
    padding: 10px 38px 0px;
    margin-bottom: 20px;
    cursor: pointer;
}
.job-desc:hover {
    background: #6a8e4e !important;
}
.job-desc:hover p,
.job-desc:hover p.title {
    color: #fff !important;
}
.job-desc:hover .btn-newsletter {
    background: #fff !important;
    color: #6a8e4e !important;
}
.btn-pagination-list {
    position: relative;
    width: auto;
    float: none;
    text-align: center;
    margin: 0px auto;
}
.btn-pagination {
    display: inline-block;
    width: 40px;
    height: 23px;
    margin: 0 5px;
    float: left;
    font-size: 18px;
    line-height: 23px;
    color: #bdbdbd;
}
.btn-pagination:hover,
.btn-pagination.active {
    color: #6a8e4e;
}
.img-pagination {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.form-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 17px;
    cursor: pointer;
    font-size: 18px;
    line-height: 27px;
    color: #828282;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.form-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 17px;
    background-color: #eee;
    border: 1px solid #6a8e4e;
}
.form-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}
.form-checkbox input:checked ~ .checkmark {
    background-color: #6a8e4e;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.form-checkbox input:checked ~ .checkmark:after {
    display: block;
}
.form-checkbox .checkmark:after {
    left: 6px;
    top: 3px;
    width: 3px;
    height: 8px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.no-img-highlight {
    height: 555px;
}
.content-desc p a {
    color: #6a8e4e;
}
.teams-divide {
    position: absolute;
    left: 0px;
    width: 1px;
    background: #6a8e4e;
    height: calc(100% - 60px);
    margin: 30px 0px;
}
.career-xsmall {
    margin: 0px;
    font-size: 12px;
    line-height: 18px;
    color: #BDBDBD;
}
.career-small {
    margin: 0px;
    font-size: 14px;
    line-height: 21px;
    color: #828282;
}
.career-small.green {
    color: #6a8e4e;
}
.career-small.green small {
    font-size: 12px;
    color: #828282;
}
.career-large {
    margin: 0px;
    font-size: 36px;
    line-height: 54px;
    color: #6a8e4e;
}
.news-detail-share,
.news-detail-share p {
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    color: #bdbdbd;
}
.news-detail-share a {
    width: 36px;
    height: 36px;
    padding: 3.5px 0px;
    text-align: right;
    float: right;
    display: inline-block;
}
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (min-width: 1440px) {
    .lg-container {
        width: 82.5%;
        max-width: 82.5%;
    }
    .slider-home {
        max-height: 100vh;
    }
    .slider-home-desc {
        /*margin-top: calc(50vh - 150px);*/
        margin-top: calc(60vh - 150px);
    }
    .bg-header-text.about {
        /*left: 50%; margin-left: -638px;*/
    }
    .slider-highlight {
        max-height: 100%;
    }
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .slider-home-desc {
        /*margin-top: 200px;*/ /*margin-top: calc(50vh - 150px);*/
        margin-top: calc(60vh - 150px);
    }
    .bg-news-img {
        /*padding-left: 13.3%;*/ /*width: calc(100% - 13.3%);*/
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    .sidebar-toolbars.desktop {
        display: block !important;
    }
    .news-detail-share.mobile {
        display: none !important;
    }
    .sm-mlr-9 {
        margin-left: -9px;
        margin-right: -9px;
    }
    .sm-mt10 {
        margin-top: 10px !important;
    }
    .sm-mr10 {
        margin-right: 10px !important;
    }
    .sm-mb30 {
        margin-bottom: 30px !important;
    }
    .sm-width-70 {
        width: 70% !important;
    }
    .sm-width-100 {
        width: 100% !important;
    }
    .sm-height-40px {
        height: 40px !important;
    }
    .sm-height-50px {
        height: 50px !important;
    }
    .sm-height-100px {
        height: 100px !important;
    }
    .no-img-highlight {
        height: 452px !important;
    }
    .container {
        width: 855px !important;
        max-width: 100% !important;
        padding: 0px;
        margin: auto;
    }
    .bg-header-text.about {
        position: absolute;
        top: -50px;
        font-size: 205px;
        line-height: 270px;
        color: #6a8e4e; /*opacity: 0.05;*/
    }
    .bg-header-text.news {
        position: absolute; /*top: -180px;*/
        top: 0px;
        right: 0px;
        font-size: 205px;
        line-height: 270px;
        color: #6a8e4e; /*opacity: 0.05;*/
    }
    .bg-about-menu {
        background-image: url(../img/menu/menu-about-tablet.jpg);
    }
    .bg-whatwedo-menu {
        background-image: url(../img/menu/menu-whatwedo-tablet.jpg);
    }
    .bg-news-menu {
        background-image: url(../img/menu/menu-news-tablet.jpg);
    }
    .bg-takeaction-menu {
        background-image: url(../img/menu/menu-takeaction-tablet.jpg);
    }
    .bg-footer {
        /*background-image: url(../img/bg-footer-tablet.jpg);*/ /*height: 548px;*/
        height: 500px;
    }
    .bg-footer-title {
        font-size: 34px;
        line-height: 46px;
        font-weight: 300;
        margin: 0px 0px 0px 0px;
    }
    .btn-footer-donate {
        right: 0px;
        bottom: 108px;
    }
    .bg-overlay {
        padding: 0px 37px 32px;
        width: calc(100% - 74px);
    }
    .btn-read-more {
        font-size: 12px;
        line-height: 18px;
    }
    .grid-desc {
        width: 313px;
    }
    .grid-desc p {
        font-size: 30px;
        line-height: 40px;
    }
    .grid-menu-container {
        grid-gap: 15px;
    }
    .grid-menu-item {
        width: 275px;
        height: 346px;
    }
    .grid-menu-item:hover .news-slider-desc {
        background: unset;
        opacity: 0.8;
    }
    .grid-menu-item:hover .news-slider-text {
        display: none;
    }
    .title {
        font-size: 32px;
        line-height: 44px;
    }
    .news-slider-date {
        margin: 0px 0px 12px;
    }
    .news-slider-title {
        font-size: 16px;
        line-height: 22px;
        margin: 0px 0px 12px;
    }
    .line-text {
        width: 24px;
    } /*.latest-news{height: auto;}*/
    .latest-news h3 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 800;
        margin: 0px 0px 60px;
    }
    .swiper-slide.news-slider,
    .news-slider.no-bg-green,
    .news-slider.slider.no-bg-green,
    .teams-grid {
        width: 295px;
        height: 392px; /*margin-right: 24px!important;*/
    }
    .teams-grid.sm-col-3-news {
        width: calc(33.3% - 24px) !important;
        margin: 0px 12px 24px;
    }
    .teams-grid.sm-col-3-news.no-bg-green {
        width: calc(33.3% - 26px) !important;
        margin: 0px 12px 24px;
    }
    .teams-popup-item.large {
        width: 900px;
    }
    .content-desc {
        padding-left: 145px;
    }
    .article-tabs {
        padding: 0px 0px 0px 56px;
    }
    .content-title h3,
    .content-title h3.content-more {
        font-size: 36px;
        line-height: 42px;
    }
    .content-title p,
    .content-desc p.title-2 {
        font-size: 18px;
        line-height: 27px;
    }
    .content-desc p,
    .content-title p.desc {
        font-size: 16px;
        line-height: 24px;
    }
    .content-desc p.title,
    .teams-list h3,
    .news-detail-right,
    .news-detail-related p {
        font-size: 18px;
        line-height: 22px;
    }
    .teams-grid {
        width: calc(33.3% - 18px);
        margin: 0px 9px 15px;
        height: 346px;
    }
    .teams-grid.no-bg-green {
        width: calc(33.3% - 18px);
        margin: 0px 7px 15px;
        height: 344px;
    }
    .teams-grid .news-slider-text {
        display: none;
    }
    .sidebar-toolbars {
        width: 80px;
    }
    .news-detail-left {
        width: calc(100% - 276px);
    }
    .news-detail-right {
        width: 276px;
    }
    .content-desc.news-detail {
        width: calc(100% - 60px);
        padding-right: 60px;
    }
    .sidebar-toolbars-wrapper {
        right: 0px;
    }
    .bg-header-menu {
        width: 331px;
        height: auto;
    }
    .bg-header-menu.align-right,
    .bg-header-list.align-right {
        width: 270px;
    }
    .teams-title {
        font-size: 24px;
        line-height: 32px;
    }
    .teams-popup-name {
        font-size: 28px;
        line-height: 35px;
    }
    .teams-popup-job {
        font-size: 14px;
        line-height: 21px;
    }
    .slider-home-desc {
        width: 600px;
        margin-top: calc(50vh - 120px);
        height: 100vh;
    } /*.bg-header-page{padding: 15px 43px 15px 23px;}*/
    .bg-news-img {
        padding-left: 8.2%;
        width: calc(100% - 8.2%);
    }
}
@media (max-width: 960.98px) and (max-height: 600.98px) {
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    .sm-hidden {
        display: none !important;
    }
    .sm-mt10 {
        margin-top: 10px !important;
    }
    .sm-mr10 {
        margin-right: 10px !important;
    }
    .sm-mb0 {
        margin-bottom: 0px !important;
    }
    .sm-mb40 {
        margin-bottom: 40px !important;
    }
    .sm-mb60 {
        margin-bottom: 60px !important;
    }
    .sm-mlr-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .sm-pt50 {
        padding-top: 50px !important;
    }
    .sm-pb0 {
        padding-bottom: 0px !important;
    }
    .sm-pb30 {
        padding-bottom: 30px !important;
    }
    .sm-pb60 {
        padding-bottom: 60px !important;
    }
    .sm-pl0 {
        padding-left: 0px !important;
    }
    .sm-width-30 {
        width: 30% !important;
    }
    .sm-width-33 {
        width: calc(33.3% - 30px) !important;
    }
    .sm-width-60 {
        width: 60% !important;
    }
    .sm-width-70 {
        width: 70% !important;
    }
    .sm-width-100 {
        width: 100% !important;
    }
    .sm-width-220px {
        width: 220px !important;
    }
    .sm-height-auto {
        height: auto !important;
    }
    .sm-height-40px {
        height: 40px !important;
    }
    .sm-height-100 {
        height: 100% !important;
    }
    .sm-height-100px {
        height: 100px !important;
    }
    .bg-img.sm-height-400px,
    .sm-height-400px {
        height: 400px !important;
    }
    .bg-img.sm-height-170px,
    .sm-height-170px {
        height: 170px !important;
    }
    .sm-column-2 {
        width: calc(50% - 20px);
        padding: 0px 10px;
    }
    .container {
        width: calc(100% - 80px) !important;
        max-width: 100% !important;
        padding: 0px;
        margin: auto;
    }
    .bg-header-text.about {
        position: absolute;
        top: -65px;
    }
    .bg-header-text.news {
        position: absolute;
        top: 35px;
        width: 60%;
    }
    .slider-home {
        height: 100vh !important;
        max-height: unset !important;
    }
    .grid-desc {
        width: 100%;
        bottom: 30px;
    }
    .grid-desc p {
        font-size: 30px;
        line-height: 40px;
    }
    .title {
        font-size: 32px;
        line-height: 43px;
    }
    .article-tabs {
        padding: 0px 20px;
    }
    .article-desc {
        padding: 30px 40px;
    }
    .article-title {
        font-size: 18px;
        line-height: 27px;
    }
    .article-text {
        font-size: 14px;
        line-height: 21px;
    }
    .news-slider.slider.no-bg-green {
        width: 312px;
        height: 400px;
    }
    .swiper-slide.news-slider,
    .news-slider.no-bg-green,
    .teams-grid {
        width: 314px;
        height: 400px;
    }
    .teams-grid.no-bg-green {
        width: 312px;
    }
    .news-slider-publish {
        padding: 33px 40px 0px;
        width: calc(100% - 80px);
    }
    .bg-overlay {
        padding: 0px 40px 33px;
        width: calc(100% - 80px);
    }
    .bg-footer {
        height: 400px;
        background: url(../img/bg-footer-tablet.jpg);
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    .bg-footer-title {
        font-size: 34px;
        line-height: 46px;
    }
    .slider-home-desc {
        margin-top: calc(50vh - 120px);
    }
    .grid-menu-container {
        grid-gap: 15px;
    }
    .grid-menu-item {
        width: 219px;
        height: 306px;
    }
    .news-slider-title {
        font-size: 18px;
        line-height: 22px;
    }
    .grid-menu-item:hover .news-slider-text {
        display: none;
    }
    .content-title h3.content-more {
        font-size: 34px;
        line-height: 46px;
        padding-bottom: 40px;
    }
    .content-title p {
        font-size: 18px;
        line-height: 27px;
    }
    .content-desc {
        padding-left: 150px;
    }
    .news-slider-date-w,
    .news-slider-date-g {
        font-size: 24px;
        line-height: 30px;
    }
    .bg-header-menu.align-right {
        width: calc(100% - 60px);
        margin: 0px 30px;
    }
    .bg-news-img {
        padding-left: 40px;
        width: calc(100% - 40px);
    }
    .news-detail-left {
        /*width: calc(100% - 220px);*/
        width: 100%;
    }
    .news-detail-right {
        /*width: 220px;*/
        width: 100%;
    }
    .content-desc.news-detail {
        width: calc(100% - 40px);
        padding-right: 40px;
    }
    .teams-popup-item {
        width: 700px;
    }
    .teams-popup-item.large {
        width: 720px;
    }
    .teams-popup-scroll {
        height: 220px;
    }
    .teams-grid.sm-col-3-news {
        height: 350px;
    }
    .teams-grid.sm-col-3-news {
        width: calc(33.3% - 18px);
        margin: 0px 9px 18px;
    }
    .teams-grid.sm-col-3-news.no-bg-green {
        width: calc(33.3% - 20px);
        margin: 0px 9px 20px;
    }
    .teams-grid.sm-col-3-news .news-slider-title {
        font-size: 14px;
        line-height: 20px;
    }
    .bg-header-menu.align-right {
        width: 212px;
        margin: 0px 10px;
    }
    .bg-header-list.align-right {
        width: 212px;
        right: 10px;
    }
    .teams-title {
        font-size: 24px;
        line-height: 32px;
    }
    .sidebar-toolbars {
        width: 63px;
    }
    .no-img-highlight {
        height: 400px;
    }
    .footer-desc,
    .footer-desc p,
    .footer-desc a {
        font-size: 10px;
        line-height: 14px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0px !important;
        margin: auto;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) and (max-height: 800.98px) {
}